/* Susan Haught | light Fireflies palette (Nov 2026)
   Approved accent colors only: deep plum, lavender, and firefly gold.
   White/near-white used as neutral reading surfaces; no midnight or indigo. */
:root {
  --night: #392653;
  --indigo: #392653;
  --plum: #392653;
  --amethyst: #392653;
  --lavender: #AFA6D8;
  --periwinkle: #AFA6D8;
  --gold: #E9C894;
  --cloud: #FCFBFF;
  --ice: #F5F1FB;
  --ink: #392653;
  --ivory: #FCFBFF;
  --sand: #EAE3F4;
  --rose: #AFA6D8;
  --sage: #392653;
  --border: #DED5EC;
  --muted: #655C6C;
}
html { color-scheme: light; }
body { background: #FCFBFF; color: var(--plum); }
p { color: #594E65; }
::selection { background: #E9C894; color: #392653; }
:where(a,button):focus-visible { outline: 3px solid #B99152; outline-offset: 4px; }

/* Header and navigation */
.site-header { background: #FFFFFF; border-bottom: 1px solid #E6DFF0; }
.brand-name, .brand-name b, .footer-brand { color: var(--plum); }
.brand-dot { color: #B99152; }
.brand-caption { color: #695C75; }
.main-nav>a:not(.nav-email) { color: #392653; }
.main-nav>a:not(.nav-email):hover, .main-nav>a[aria-current=page] { color: #765D9A; }
.nav-email { background: var(--plum); border-color: var(--plum); color: white; }
.nav-email:hover { background: #554069; border-color: #554069; }
.menu-toggle span { background: var(--plum); }

/* Buttons, links and supporting labels */
.button-solid { background: #392653; border-color: #392653; color: #fff; }
.button-solid:hover { background: #574271; border-color: #574271; }
.button-outline, .hero .button-outline { color: #392653; border-color: #6E5C88; background: transparent; }
.button-outline:hover, .hero .button-outline:hover { background: #F0EAF8; border-color: #392653; }
.button-light { background: #392653; border-color: #392653; color: white; }
.button-light:hover { background: #58416E; border-color: #58416E; color: white; }
.button-ghost { border-color: #392653; background: transparent; color: #392653; }
.button-ghost:hover { background: #E7DFF2; }
.text-link { color: #392653; border-bottom-color: #AFA6D8; }
.eyebrow, .eyebrow.light { color: #544166; }
.eyebrow .line { background: #C19B64; }
.section-kicker { color: #624A80; }
.small-overline { color: #65556E; }
.small-overline span { color: #765E92; }

/* Light editorial hero, inspired by the luminous side of the novel's cover */
.hero {
  color: #392653;
  background:
    radial-gradient(circle at 68% 17%, #E9C894B5 0 2px, transparent 4px),
    radial-gradient(circle at 87% 44%, #E9C89491 0 2px, transparent 5px),
    radial-gradient(circle at 43% 70%, #E9C8949E 0 1.5px, transparent 4px),
    linear-gradient(120deg, #FFFFFF 0%, #F8F4FC 50%, #F0E9F8 100%);
}
.hero h1, .hero h1 em { color: #392653; }
.hero h1 em, .page-hero h1 em { color: #7F659C; }
.hero-lede { color: #392653; }
.hero-detail { color: #5F536B; }
.hero-footnote { color: #63566D; }
.hero-footnote span { color: #956D39; }
.hero-arch { background: linear-gradient(150deg,#E5DDF1,#CBBCE0 70%,#F4E9F1); box-shadow: inset 0 0 0 1px #FFFFFF75; }
.hero-cover-main,.hero-cover-back { filter: drop-shadow(0 20px 22px #39265327); }
.hero-caption { color: #392653; }
.hero-caption span { color: #A17B46; }
.cover-frame { background: #EEE7F5; box-shadow: 0 16px 35px #3926531A; }
.cover-frame img { object-fit: contain; }
.cover-fallback { color: #392653; background: linear-gradient(140deg,#E2D8F0,#F2EAF9); }
.cover-fallback strong,.cover-fallback small { color: #392653; }

/* Series grid and social proof */
.trust-strip { background: #FFFFFF; border-block-color: #EBE5F1; }
.trust-items { color: #5A476E; }
.trust-separator { background: #D5C8E5; }
.section,.book-index,.detail-page { background: #FFFFFF; }
.section-heading h2,.about-preview h2,.extras h2,.section-heading.compact h2 { color: #392653; }
.section-heading h2 span,.about-preview h2 span,.section-heading.compact h2 span { color: #80689C; }
.section-heading p,.section-heading.compact>p { color: #5C5365; }
.book-card-cover { background: #F1ECF8; }
.book-card-cover:hover { background: #E9E1F3; }
.book-card h3 { color: #392653; }
.book-card p { color: #5D5366; }

/* Featured book: lavender rather than an all-dark section */
.feature-band { background: #F1EBF8; color: #392653; }
.feature-text h2,.feature-text h2 em { color: #392653; }
.feature-text h2 em { color: #81679A; }
.feature-text p { color: #5B4F68; }
.feature-cover .cover-frame { box-shadow: 16px 24px 50px #39265324; }
.feature-band .eyebrow.light { color: #5D4974; }

/* Personal story and end CTA: light, readable */
.about-preview { background: #FCFAFF; }
.about-preview p { color: #5A4D66; }
.about-preview-card { background: linear-gradient(148deg,#EFE7F7,#F9F5FD); border: 1px solid #DFD5ED; }
.quote-mark { color: #81679A; }
.about-preview-card p { color: #392653; }
.about-preview-card>span:last-child { color: #624C79; }
.end-cta { background: linear-gradient(120deg,#F8F2FB,#F7EFF1 60%,#FAF5EA); color: #392653; }
.end-cta .section-kicker { color: #775F91; }
.end-cta h2 { color: #392653; }
.end-cta p { color: #605469; }

/* Footer: pale lavender, avoiding a heavy closing block */
.site-footer { background: #F0EAF7; color: #392653; }
.site-footer .footer-brand { color: #392653; }
.footer-top { border-bottom-color: #D7CCE5; }
.footer-top p { color: #62576B; }
.footer-right a { color: #392653; }
.footer-right a:hover,.footer-bottom a:hover { color: #7E5A8C; }
.footer-bottom { color: #655B6E; }

/* Inner-page introductions */
.page-hero,.page-hero-about {
  color: #392653;
  background: linear-gradient(115deg,#F4EFF9,#E9E0F2 70%,#F8F0ED);
}
.page-hero h1,.page-hero-about h1 { color: #392653; }
.page-hero h1 span,.page-hero-about h1 em { color: #7F659C; }
.page-hero p,.page-hero-about p { color: #5D5168; }
.page-hero-about .eyebrow { color: #5E4A75; }
.extras { background: #FAF7FE; }
.extra-card { background: #FFFFFF; border-color: #E6DFF0; box-shadow: 0 7px 25px #39265308; }
.extra-card h3 { color: #392653; }
.extra-card p { color: #5F5369; }

/* Biography */
.bio-identity { background: linear-gradient(150deg,#F0E8F9,#F7F1FC); }
.bio-identity>span,.bio-identity small { color: #624D79; }
.bio-identity strong { color: #392653; }
.bio-identity strong span { color: #8267A3; }
.bio-copy h2,.bio-copy h3 { color: #392653; }
.bio-copy p { color: #5D5268; }
.bio-rule { background: #D9CDE7; }

/* Book details and metadata */
.detail-page { background: #FFFFFF; }
.detail-content .eyebrow { color: #624B7A; }
.detail-content .eyebrow .line { background: #B99152; }
.detail-image { background: #F1ECF8; }
.detail-image-note { color: #61516E; }
.breadcrumb { color: #645772; }
.breadcrumb a { color: #392653; }
.detail-content h1 { color: #392653; }
.detail-content h1 span { color: #84699E; }
.detail-content h2 { color: #503967; }
.detail-content>p { color: #5D5366; }
.award-chip { border-color: #CBBCE0; background: #F2ECF9; color: #392653; }
.buy-section { border-top-color: #E5DDED; }
.buy-section>span,.buy-section>small { color: #5D5269; }
.detail-meta span { color: #756780; }
.detail-meta strong { color: #392653; }
.book-next { border-top-color: #E5DDED; }
.book-next div span { color: #795E92; }
.book-next div strong { color: #392653; }
.book-next>a { background: #392653; color: #FFFFFF; }
.book-next>a:hover { background: #5B4671; }
.privacy-copy h2,.privacy-copy h3 { color: #392653; }
.privacy-copy p,.privacy-copy li { color: #5F5469; }
.fineprint { color: #6E6278 !important; }

/* Original video embeds from the former Weebly Bookshelf */
.video-section { background: #FCFAFF; padding: 100px 0 115px; border-top: 1px solid #EDE6F2; }
.video-section .section-heading { margin-bottom: 35px; }
.video-intro { font-size: 18px; color: #60546A; max-width: 650px; }
.video-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.video-card { padding: 17px; background: #FFFFFF; border: 1px solid #E7DFEE; box-shadow: 0 9px 35px #3926530B; }
.video-frame { width: 100%; aspect-ratio: 16/9; overflow: hidden; background: #EEE7F4; }
.video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.video-card p { font-size: 17px; line-height: 1.65; color: #5B4F63; margin: 17px 4px 8px; }
.video-card a { display: inline-flex; align-items: center; min-height: 42px; font-size: 16px; font-weight: 750; color: #392653; margin: 0 4px 3px; border-bottom: 1px solid #B4A5CA; }
.video-card a:hover { color: #795C91; }
@media (max-width: 760px) {
  .main-nav { background: #FFFFFF; border-top-color: #E7DFF0; box-shadow: 0 15px 32px #39265319; }
  .main-nav>a:not(.nav-email) { border-bottom-color: #E9E2F0; }
  .video-section { padding: 77px 0 90px; }
  .video-grid { grid-template-columns: 1fr; gap: 19px; }
  .video-card { padding: 11px; }
  .video-card p { font-size: 17px; }
}