:root{--color-cream:#f4ede2;--shadow-card:0 2px 6px #2b29260a, 0 8px 22px #2b29260f;--shadow-tile:0 1px 4px #2b292608, 0 5px 14px #2b29260d;--surface-warm:var(--color-cream);--hero-glow:radial-gradient(circle, color-mix(in srgb, var(--color-ochre) 9%, transparent), transparent 70%);--icon-well:var(--color-cream)}body:has([data-theme=dark]){--color-cream:#211e1a;--color-surface:#2b2926;--icon-well:#332f2a;--shadow-card:inset 0 1px 0 #f5f0e60d, 0 4px 14px #00000038;--shadow-tile:inset 0 1px 0 #f5f0e609, 0 2px 8px #00000029;--surface-warm:var(--color-cream);--hero-glow:radial-gradient(circle, color-mix(in srgb, var(--color-ochre) 12%, transparent), transparent 72%)}@media (prefers-color-scheme:dark){:is(body:has([data-theme=system]),body:not(:has([data-theme]))){--color-cream:#211e1a;--color-surface:#2b2926;--icon-well:#332f2a;--shadow-card:inset 0 1px 0 #f5f0e60d, 0 4px 14px #00000038;--shadow-tile:inset 0 1px 0 #f5f0e609, 0 2px 8px #00000029;--surface-warm:var(--color-cream);--hero-glow:radial-gradient(circle, color-mix(in srgb, var(--color-ochre) 12%, transparent), transparent 72%)}}body:has([data-theme=dark]) nav.fixed{background-color:color-mix(in srgb, var(--color-surface) 86%, transparent)}@media (prefers-color-scheme:dark){:is(body:has([data-theme=system]) nav.fixed,body:not(:has([data-theme])) nav.fixed){background-color:color-mix(in srgb, var(--color-surface) 86%, transparent)}}