:root{color-scheme:light;--paper: #f7f7f5;--paper-raised: #ffffff;--paper-sunken: #ececea;--ink: #1a1a19;--ink-soft: #56564f;--ink-faint: #8c8c84;--shade: #0b0b0a;--accent: #315c3a;--accent-hover: #26482d;--accent-on: #ffffff;--accent-soft: #dbe8dd;--good: #2f6b3c;--good-soft: #dcebdf;--bad: #a3352c;--bad-soft: #f3dcd9;--warn: #8a5a12;--warn-soft: #f3e6cf;--voice-prose: "Inter", system-ui, sans-serif;--voice-machine: "IBM Plex Mono", ui-monospace, monospace;--type-display: clamp(1.5rem, 3.5vw, 2rem);--type-title: clamp(1.05rem, 1.6vw, 1.2rem);--type-prose: clamp(.95rem, .9rem + .2vw, 1.05rem);--type-mono: .8125rem;--type-mono-sm: .75rem;--type-label: .6875rem;--track-label: .14em;--leading-prose: 1.55;--leading-tight: 1.2;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.25rem;--space-2xl: 3.5rem;--shape-xs: 6px;--shape-sm: 10px;--shape-md: 16px;--shape-lg: 22px;--shape-xl: 30px;--shape-full: 999px;--motion-fast: .16s;--motion-base: .26s;--motion-slow: .42s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.22, 1.1, .36, 1.02);--topbar-height: 3.5rem;--measure: 72rem;--rule: color-mix(in srgb, var(--ink) 13%, transparent);--rule-strong: color-mix(in srgb, var(--ink) 26%, transparent);--scrim: color-mix(in srgb, var(--shade) 42%, transparent);--shadow-1: 0 1px 2px color-mix(in srgb, var(--shade) 7%, transparent), 0 1px 3px color-mix(in srgb, var(--shade) 5%, transparent);--shadow-2: 0 2px 6px color-mix(in srgb, var(--shade) 8%, transparent), 0 6px 18px color-mix(in srgb, var(--shade) 8%, transparent)}:root[mode=dark]{color-scheme:dark;--paper: #131413;--paper-raised: #1c1e1c;--paper-sunken: #0c0d0c;--ink: #e9eae6;--ink-soft: #a6a89f;--ink-faint: #6f7269;--shade: #000000;--accent: #9fd0a8;--accent-hover: #b6dcbd;--accent-on: #10240f;--accent-soft: #23331f;--good: #8fc79b;--good-soft: #1e2f21;--bad: #e39187;--bad-soft: #35201d;--warn: #dcb46f;--warn-soft: #322817;--shadow-1: 0 1px 2px color-mix(in srgb, var(--shade) 50%, transparent);--shadow-2: 0 2px 6px color-mix(in srgb, var(--shade) 50%, transparent), 0 6px 18px color-mix(in srgb, var(--shade) 40%, transparent)}[tone=good]{--tone-color: var(--good);--tone-soft: var(--good-soft)}[tone=bad]{--tone-color: var(--bad);--tone-soft: var(--bad-soft)}[tone=warn]{--tone-color: var(--warn);--tone-soft: var(--warn-soft)}
