/* * @generated — do not edit by hand * @command npm run sync:tokens * @sources src/styles/tokens.css * @generated-at 2026-09-15T17:11:03.133Z */ /* Design tokens and theme hooks. */ :root { /* Follow the device preference; the Appearance pin below narrows this to one scheme. */ color-scheme: light dark; --color-bg: light-dark(#ffffff, #111827); --color-text: light-dark(#111827, #f9fafb); --color-text-muted: light-dark(#4b5563, #9ca3af); --color-border: light-dark(#d1d5db, #374151); --color-border-focus: light-dark(#2563eb, #3b82f6); --color-primary: light-dark(#2563eb, #3b82f6); --color-primary-hover: light-dark(#1d4ed8, #60a5fa); --color-primary-text: #ffffff; --color-error-bg: light-dark(#fee2e2, #7f1d1d); --color-error-text: light-dark(#b91c1c, #fca5a5); --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-weight-medium: 500; --transition-speed: 0s; /* Match system chrome (iOS/Android browser bars) so edges do not flash a second tint. */ --color-deck-bg: light-dark(#ffffff, #111827); /* Nested light paper card (Dialogue Box) — stable across dark schemes. */ --color-paper: #ffffff; --color-on-paper: #111827; --color-on-paper-muted: #4b5563; --color-paper-border: #d1d5db; } /* * Appearance pin from the menu drawer (src/lib/color-scheme.ts): one switch on * , and every light-dark() pair above follows. No attribute means system. * Never add a prefers-color-scheme block for a scheme-sensitive value — write a * light-dark() pair so the pin keeps working (docs/features/interface/system/tokens.md). */ :root[data-theme="light"] { color-scheme: light; } :root[data-theme="dark"] { color-scheme: dark; } /* --transition-speed is 0s unconditionally; reduced-motion override removed. */