/* Generated from packages/shared-contracts/src/design-tokens.ts (UX02). Do not edit. */
:root { --bg: #ffffff; --surface: #f3f5f8; --fg: #16202a; --muted: #4f5b66; --line: #c5cdd5; --control: #6b7884; --accent: #0b5cad; --on-accent: #ffffff; --focus: #b45309; --info-bg: #eaf2fb; --ok-bg: #e3f2e7; --ok-fg: #146c2e; --danger-bg: #fdecea; --danger-fg: #8a1c12; --neutral-bg: #eceff1; --neutral-fg: #333a40; --stop-bg: #a4141c; --stop-fg: #ffffff; --type-caption: 14px; --type-body: 16px; --type-lead: 18px; --type-subtitle: 20px; --type-title: 24px; --type-display: 32px; --type-stop: 40px; --space-xs: 4px; --space-sm: 8px; --space-md: 12px; --space-lg: 16px; --space-xl: 24px; --space-xxl: 32px; --radius-control: 6px; --radius-pill: 999px; --control-min-height: 48px; --font-body: system-ui, "Segoe UI", Roboto, sans-serif; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #12171c; --surface: #1b2229; --fg: #eef2f5; --muted: #b3bdc6; --line: #3a4651; --control: #8995a1; --accent: #7cb8ff; --on-accent: #0b1a2a; --focus: #ffbf47; --info-bg: #1d2b3a; --ok-bg: #15301d; --ok-fg: #9fe0b0; --danger-bg: #3d1512; --danger-fg: #ffb4a9; --neutral-bg: #2a3036; --neutral-fg: #e0e4e8; --stop-bg: #8f1118; --stop-fg: #ffffff; color-scheme: dark; } }