@import url('./generated-tokens.css');
/* The Wheel — v20 ALT COLORS exploration. Loads after quiet.css.
   Palette swap only; everything else is v20-quiet.

   Palette (MP25 card):
     Arctic Powder  #F1F6F4  paper
     Mystic Mint    #D9E8E3  surface
     Oceanic Noir   #172B36  ink + dark bands
     Nocturnal Exp. #114C5A  working accent (text-safe, 9.5:1 on paper)
     Forsythia      #FFC801  bright accent, dark surfaces only (13.5:1 on noir)
     Deep Saffron   #FF9932  marks and warm tints                             */

@media(prefers-color-scheme:dark){
  :root:not([data-theme=light]) .btn-verdigris{background:#114C5A;border:1px solid #3E93A8;}
}
[data-theme=dark] .btn-verdigris{background:#114C5A;border:1px solid #3E93A8;}

/* ── The warm accents, deployed where they can actually be read ────────── */


/* dark bands run yellow: 13.5:1 on Oceanic Noir */
.privacy-band,.cta-band{--vd-b:#FFC801;}
.privacy-band .btn-verdigris,.cta-band .btn-verdigris{background:var(--sun);color:#172B36;border:0;}
.privacy-band .btn-verdigris:hover,.cta-band .btn-verdigris:hover{opacity:.85;}
.cta-band .waitlist-form input:focus-visible{outline-color:var(--sun);border-color:var(--sun);}

/* marks: eyebrow dies and ledger dots go saffron, the rule runs the full arc */
.eyebrow::before{background:var(--saffron);}
.eyebrow.light::before{background:var(--sun);}
.ledger-dot,.dot-step{background:var(--saffron);}
.accent-rule{background:var(--vd);height:3px;}
.rule-thick{background:var(--ink);}
.hero-dock-dot{background:var(--saffron);}

/* display numerals read teal on paper (yellow fails on light) */
.ledger-num{color:var(--vd-b);}

/* chips that carried the pink tint now carry the forsythia tint */
.chip-testing,.chip-pink{background:color-mix(in srgb,var(--sun) 24%, var(--bg));border-color:color-mix(in srgb,var(--saffron) 55%, transparent);color:#5C4A00;}
.flow-chip.chip-idea{background:color-mix(in srgb,var(--sun) 26%, var(--bg));border-color:color-mix(in srgb,var(--saffron) 55%, transparent);}

/* footer top border stays quiet teal, no gradient games */
.site-footer{border-top-color:color-mix(in srgb,var(--vd) 40%, var(--rule));}