:root {
    /* body text color */
    --bs-body-color: #eae6f2; 
}
/* body elements style */
body {
    /* body text to raleway- sans serif fallback */
    font-family: "Raleway", sans-serif;
    /* background color fallback/base */
    background: #2D1E2F;
    /*gradient background*/
    background: linear-gradient(345deg, rgba(45, 30, 47, 1) 25%, rgba(15, 26, 45, 1) 100%);
    /* no tiling or bg repetition*/
    background-repeat:no-repeat;
    /* bg covers body */
    background-size: cover;
    /*min height full viewport height*/
    min-height: 100vh;
}
/* changes to nav css variables */
.navbar {
    /* nav link color */
    --bs-navbar-color: #eae6f2;
    /* link color on hover */
    --bs-navbar-hover-color: rgb(187, 174, 243);
    /* disabled link color */
    --bs-navbar-disabled-color: rgb(143, 132, 142);
    /* active link color */
    --bs-navbar-active-color: #f785ff;
}
.nav-link {
    font-size: 1.2rem;
}
/* Medium-weight Raleway font style */
.raleway-md {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-style: normal;
}

/* Bold Cinzel font style */
.cinzel-bold {
    font-family: "Cinzel", serif;
    font-weight: 700;
    font-style: normal;
}

/* Light Cinzel font style */
.cinzel-light {
    font-family: "Cinzel", serif;
    font-weight: 500;
    font-style: normal;
}

/* Hero section container */
.hero {
    min-height: 600px;
    margin: 5vh 5vw;
    border-radius: 25px;
    align-content: center;
}

/* Large gradient text style for hero heading */
h1.hero-text {
    font-size: 7vw;
    background-image: linear-gradient(90deg, rgba(234, 230, 242, 1) 0%, rgba(83, 130, 159, 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Styling for dream quote block */
.dream-quote {
    background-color: #EAE6F2;
    color: #2D1E2F;
    padding-top: 10px;
}

/* Font size for blockquote text */
blockquote p {
    font-size: 1rem;
}

/* Align blockquote footer to the right */
blockquote footer {
    text-align: right;
}

/* Paragraph styling for dream descriptions */
.dream-desc p {
    line-height: 2rem;
}
/* ATLAS */
.ref-link {
    color: rgb(218, 96, 199);
    text-decoration: none;
}
/* gradient backgrounds for medium and up catalogue */
.lucid-item {
    background: #1e0d3f3e;
    background: linear-gradient(117deg, #535640 0%, #0f1a2d 100%);
}
.nightmare-item {
    background: #1e0d3f3e;
    background: linear-gradient(117deg, #28393F 0%, #0f1a2d 100%);
}
.recurring-item {
    background: #1e0d3f3e;
    background: linear-gradient(117deg, #5B4142 0%, #0f1a2d 100%);
}
.prophetic-item {
    background: #1e0d3f3e;
    background: linear-gradient(117deg, #302D3D 0%, #0f1a2d 100%);
}
/*Accordian color*/
.accordion {
    /* background color override- accordion dropdown*/
    --bs-accordion-bg: #16092e14;
    /* text color */
    --bs-accordion-color: #eae6f2;
    /* arrow color */
    --bs-accordion-icon-color: #eae6f2;
    /* border */
    --bs-border-width: 0px;
}
/* Gradients and fonts displays for small catalogue accordion btns */
.lucid-btn {
    background: #eae6f226;
    background: linear-gradient(117deg, #535640 0%, #0f1a2d 100%);
    font-size: 1.7rem;
    font-weight: 600;
}
.nightmare-btn {
    background: #eae6f226;
    background: linear-gradient(117deg, #28393F 0%, #0f1a2d 100%);
    font-size: 1.7rem;
    font-weight: 600;
}
.recurring-btn {
    background: #eae6f226;
    background: linear-gradient(117deg, #5B4142 0%, #0f1a2d 100%);
    font-size: 1.7rem;
    font-weight: 600;
}
.prophetic-btn {
    background: #eae6f226;
    background: linear-gradient(117deg, #302D3D 0%, #0f1a2d 100%);
    font-size: 1.7rem;
    font-weight: 600;
}
/*LUCID page*/
/* Add padding to lucid body */
body.lucid {
    padding: 5vh 5vw;
}
/* Container for lucid section and padding */
div.container.lucid-cont {
    padding: 3vh 6vw;
    max-width: 80vw;
}
/* P and list styling inside lucid container */
div.container.lucid-cont p,
div.container.lucid-cont li {
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 300;
    text-align: left;
}
/* Title size for lucid section */
.lucid-title1 h2 {
    font-size: 2rem;
}
/* Caption text style under lucid images */
div.container.lucid-cont p.img-caption {
    font-size: .8rem;
}
/* Link style for lucid image captions */
.img-caption a {
    text-decoration: none;
    color: rgba(237, 228, 144, 1);
}
/* Max image height for lucid images */
.lucid-img img {
    max-height: 230px;
}
.recur-list p {
  position: relative;
  padding-left: 1em;
  text-indent: -0.5em;
}

.recur-list p::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #EAE6F2;
  font-weight: bold;
}
#typed-text {
    font-size: 1rem;
    color: #eae6f2ac;
    font-weight: 400;
    font-style: italic;
}
.accordion.proph-acc {
    --bs-accordion-bg: #16092e00;
    --bs-accordion-active-bg: none;
    --bs-accordion-active-color: rgb(218, 96, 199);
}
.proph-acc.accordion-button.collapsed {
  border-bottom: 1px solid #ccc;
}
.proph-acc .accordion-button {
  border-bottom: 1px solid #ccc; /* adjust color as needed */
  box-shadow: none; /* remove Bootstrap’s focus/active shadow */
}
.accordion-button::after {
  background-image: none; 
  content: "＋";
  font-size: 1.25rem;
  color: #eae6f2;
}

.accordion-button:not(.collapsed)::after {
  content: "－";
  color: #dc3545;
}
/* about page */
a.about-links {
    text-decoration: none;
    color: rgba(237, 228, 144, 1);
}
/* form select */
form {
    /* form text color*/
    --bs-body-color: #0f1a2d; 
    /* dropdown background */
    --bs-form-select-bg: #eae6f2; 
}