/* Design tokens for the overhaul. Night is the base palette; day overrides it.
   app.js resolves the "auto" setting to night or day before stamping data-theme,
   so the day palette is written once here rather than once per theme mode. */
:root{--font-body:'DM Sans',system-ui,sans-serif;--font-display:'Manrope',sans-serif;--accent:#5fd3c9;--accent-ink:#06231f;--gold:#e7b94f;--gold-soft:#e7b94f26;--aura:#e2632a55;--scale:1;--r-pill:999px;--r-xl:34px;--r-lg:18px;--r-md:14px;--r-sm:8px;--tap:44px}
:root{--bg:#0c1018;--bg-wash:radial-gradient(ellipse 60% 55% at 50% 42%,#1d3542 0%,#101a26 45%,#0c1018 80%);--fg:#eef2f7;--fg-2:#c9d1dc;--fg-muted:#8a94a6;--dim:#727c8e;--surface:#ffffff0d;--surface-2:#ffffff12;--surface-3:#ffffff14;--edge:#ffffff12;--edge-2:#ffffff1a;--edge-3:#ffffff29;--accent-soft:#5fd3c924;--on-nav:#eef2f7;--on-nav-ink:#0c1018;--shadow:0 30px 80px #00000059;--shadow-sm:0 10px 30px #00000040;--scrim:#05080ceb;--chip:#ffffff14;--grey-out:grayscale(1) brightness(.5);--accent-text:#5fd3c9;--gold-text:#e7b94f;--raise:none;--tabbar-bg:#141a24d9;--aura-strength:1;--floor:#000000aa;--sheet-bg:#141a24;--field:#ffffff0f;--tile:#ffffff12;--pin-off:#ffffff29}
:root[data-theme="day"]{--bg:#eef1f5;--bg-wash:radial-gradient(ellipse 50% 60% at 50% 50%,#fff 0%,#eef1f5 70%);--fg:#16202c;--fg-2:#4c5766;--fg-muted:#646e7d;--dim:#666e7b;--surface:#fff;--surface-2:#fff;--surface-3:#f4f6f9;--edge:#00000014;--edge-2:#0000001f;--edge-3:#00000029;--accent-soft:#5fd3c92e;--on-nav:#16202c;--on-nav-ink:#fff;--shadow:0 18px 50px #16202c1f;--shadow-sm:0 1px 3px #0000000f,0 0 0 1px #0000000a;--scrim:#16202cd9;--chip:#00000012;--grey-out:grayscale(1) brightness(1.05) opacity(.55);--accent-text:#33726d;--gold-text:#8f7331;--raise:var(--shadow-sm);--tabbar-bg:#ffffffe6;--aura-strength:.3;--floor:#16202c33;--sheet-bg:#fff;--field:#eef1f5;--tile:#f4f6f9;--pin-off:#00000038}
/* Native controls and every scrollable surface follow the active palette.
   Keep thin scrollbars discoverable; chip rows can still opt out locally. */
:root{color-scheme:dark}
:root[data-theme="day"]{color-scheme:light}
:where(*){scrollbar-width:thin;scrollbar-color:var(--dim) transparent}
/* Fallback for browsers without the standard scrollbar properties. */
@supports not (scrollbar-width:thin){
 ::-webkit-scrollbar{width:8px;height:8px}
 ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}
 ::-webkit-scrollbar-thumb{background:var(--dim);border:2px solid transparent;border-radius:var(--r-pill);background-clip:padding-box}
 ::-webkit-scrollbar-thumb:hover{background-color:var(--fg-muted)}
 ::-webkit-scrollbar-button{display:none}
}
/* Let the OS supply accessible controls in high-contrast mode. */
@media(forced-colors:active){
 :where(*){scrollbar-width:auto;scrollbar-color:auto}
}
/* Text size: A / A / A in Me › Accessibility. */
:root[data-text="l"]{--scale:1.09}
:root[data-text="xl"]{--scale:1.2}
/* Rarity ladder (artboard 1s). ritual-theme.css paints the badges from this. */
:root{--tier-crown:linear-gradient(115deg,#ff8ab3,#e7b94f,#5fd3c9,#8f7bf5);--tier-gold:linear-gradient(115deg,#f2c766,#e0a52c)}