/* KOISARA 2026 | Sara celestial theme. Presentation-only overrides. */
:root{--sara-navy:#0b1430;--sara-deep:#070d21;--sara-gold:#d7ae60;--sara-gold-light:#ffe6a5;--sara-lavender:#baa9e7;--sara-ivory:#fff9ec}
/* Form and diagnosis (index) */
body:has(.bg .frame){background:#070d21}
body:has(.bg .frame) .container{background:var(--sara-deep)}
body:has(.bg .frame) .bg{background:radial-gradient(ellipse at 50% 10%,#243257 0%,#121936 46%,#070d21 100%)}
body:has(.bg .frame) .header{border-bottom-color:rgba(215,174,96,.38)}
body:has(.bg .frame) .header-deco,body:has(.bg .frame) .header-title{color:var(--sara-gold-light)}
body:has(.bg .frame) .frame{border-color:rgba(215,174,96,.48);box-shadow:0 0 35px rgba(215,174,96,.07),inset 0 0 30px rgba(187,169,231,.04)}
body:has(.bg .frame) .fc{border-color:var(--sara-gold)}
body:has(.bg .frame) .pd{border-color:rgba(215,174,96,.5);color:var(--sara-gold-light)}
body:has(.bg .frame) .pd.active,body:has(.bg .frame) .pd.done{background:linear-gradient(135deg,#f6dda2,#bd9148);border-color:var(--sara-gold);color:#14203c}
body:has(.bg .frame) .pl{background:rgba(215,174,96,.23)}
body:has(.bg .frame) .pl.done{background:var(--sara-gold)}
body:has(.bg .frame) .hint,body:has(.bg .frame) .done-sub{color:var(--sara-lavender)}
body:has(.bg .frame) .qtext,body:has(.bg .frame) .done-title{color:var(--sara-ivory)}
body:has(.bg .frame) .opt{background:rgba(186,169,231,.07);border-color:rgba(215,174,96,.38);border-radius:8px}
body:has(.bg .frame) .opt:hover,body:has(.bg .frame) .opt.sel{background:rgba(215,174,96,.16);border-color:var(--sara-gold-light)}
body:has(.bg .frame) .diamond{border-color:var(--sara-gold)}
body:has(.bg .frame) .opt.sel .diamond{background:var(--sara-gold-light);border-color:var(--sara-gold-light)}
body:has(.bg .frame) .otext{color:var(--sara-ivory)}
body:has(.bg .frame) .done-deco,body:has(.bg .frame) .btn-back{color:var(--sara-gold-light)}
body:has(.bg .frame) .done-line{background:var(--sara-gold)}
body:has(.bg .frame) .cta{background:linear-gradient(110deg,#ae813e,#ffe6a5 43%,#d3a35d 76%,#f8d88e);color:#1a2038;border-radius:9px;box-shadow:0 6px 24px rgba(215,174,96,.22);letter-spacing:.15em}
body:has(.bg .frame) .reset-btn{background:#091229;color:#b5a9cc;border-top-color:rgba(215,174,96,.2)}
body:has(.bg .frame) .stars-bg span{background:#f8d88e;box-shadow:0 0 8px rgba(255,230,165,.85)}
/* Shared results/profile styling; keep all CTA navigation untouched. */
body:has(.page .hexagram){background-color:var(--sara-deep)}
body:has(.page .hexagram) .page{background:radial-gradient(ellipse at top,#243256 0%,#101936 53%,#080d20 100%);color:var(--sara-ivory)}
body:has(.page .hexagram) .cta-btn{background:linear-gradient(110deg,#b38540,#ffe7ae,#c49751)!important;color:#15203c!important;box-shadow:0 7px 22px rgba(209,167,87,.29)}
/* Article and swipe pages retain their light readable surfaces, with Sara accents. */
body:has(.swipe-card){background:radial-gradient(circle at top,#fff3d2 0%,#f1eafd 48%,#e9eef9 100%)}
body:has(.swipe-card) .cta,body:has(.swipe-card) .cta-button{background:linear-gradient(105deg,#b78238,#f7d993,#bc8a43)!important;color:#17213b!important}
body:has(.hero-copy) .hero{background-image:radial-gradient(circle at 85% 12%,rgba(215,174,96,.19),transparent 35%),linear-gradient(120deg,#101a3b,#302b54)!important}
body:has(.hero-copy) .cta-button{background:linear-gradient(110deg,#b98e4d,#f7d997,#b58a47)!important;color:#18223b!important}
body:has(.reader-card) .line-btn{background:linear-gradient(110deg,#148c5a,#0bb765)!important}
@media(prefers-reduced-motion:reduce){body:has(.bg .frame) .stars-bg span{animation:none!important}}