/* Applied before hydration; these tokens are scoped to the adaptive canvas. */
:root { --canvas-paper:#fcfcfb; --canvas-ink:#20282d; --canvas-muted:#626c75; --canvas-blue:#4058e9; --canvas-line:#dfe3e7; --canvas-surface:#fff; --canvas-soft:#f2f4fa; --canvas-hover:#edf0ff; --canvas-danger:#9c332c; --canvas-warning:#85511f; --canvas-warning-surface:#fff9f0; --canvas-action-text:#fff; --canvas-particle:91,112,244; --canvas-particle-strong:36,64,200; --canvas-shadow:0 10px 32px #304b7c10; }
:root[data-theme="dark"] { --canvas-paper:#12191f; --canvas-ink:#f3f2ec; --canvas-muted:#b0bdcc; --canvas-blue:#82baff; --canvas-line:#3b4a59; --canvas-surface:#1a242e; --canvas-soft:#202d39; --canvas-hover:#25374b; --canvas-danger:#ffaca4; --canvas-warning:#f3cb92; --canvas-warning-surface:#332a20; --canvas-action-text:#102033; --canvas-particle:104,162,255; --canvas-particle-strong:70,109,242; --canvas-shadow:0 10px 32px #0002; }
html:has(.daily-canvas), body:has(.daily-canvas) { background:var(--canvas-paper); }
.daily-canvas { --paper:var(--canvas-paper); --ink:var(--canvas-ink); --muted:var(--canvas-muted); --blue:var(--canvas-blue); --line:var(--canvas-line); --surface:var(--canvas-surface); --soft:var(--canvas-soft); --hover:var(--canvas-hover); --danger:var(--canvas-danger); --attention:var(--canvas-warning); --attention-surface:var(--canvas-warning-surface); --green:var(--blue); --particle:var(--canvas-particle); --particle-strong:var(--canvas-particle-strong); color-scheme:light; }
[data-theme="dark"] .daily-canvas { color-scheme:dark; }
.daily-canvas, .daily-canvas * { transition-property:background-color,color,border-color,box-shadow; transition-duration:200ms; transition-timing-function:ease; }
.daily-canvas ::selection { background:var(--hover); color:var(--ink); }
@media(prefers-reduced-motion:reduce) { .daily-canvas,.daily-canvas * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }