/* Usine design tokens — generated from the design canvas. Light is default. Dark: , or prefers-color-scheme when no explicit theme is set. */ :root { --bg:#F6F5F1; --surface:#FFFFFF; --sunken:#EFEDE7; --hover:#F3F1EC; --line:#E3E0D7; --line2:#CFCABE; --ink:#15171C; --ink2:#373C46; --muted:#575D69; --faint:#8B909A; --blue:#2A56C6; --blue-ink:#1F45A8; --blue-bg:#EBF0FC; --blue-line:#BCCDF3; --btn:#2A56C6; --btn-hover:#1F45A8; --amber:#865000; --amber-bg:#FCF1DC; --amber-line:#E8C889; --amber-dot:#D08612; --red:#AE2419; --red-bg:#FCEBE9; --red-line:#EFB6AF; --green:#17683B; --green-bg:#E4F2E9; --green-line:#A6D3B6; --agent:#285F69; --agent-bg:#E4F0F1; --agent-line:#A9CDD2; --shadow:0 1px 2px rgba(21,23,28,.05),0 8px 24px rgba(21,23,28,.06); --font-ui: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif; --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --radius-s: 4px; --radius-m: 6px; --radius-l: 8px; --radius-xl: 10px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --text-xs: 11.5px; --text-s: 12.5px; --text-m: 14px; --text-l: 15px; --text-xl: 17px; --title-l: 28px; --title-xl: 32px; --touch-min: 44px; color-scheme: light; } :root[data-theme="dark"] { --bg:#0E1014; --surface:#15181E; --sunken:#1B1F27; --hover:#1E232C; --line:#262B35; --line2:#363C48; --ink:#E9EAED; --ink2:#C5C9D1; --muted:#9DA3AE; --faint:#6D737E; --blue:#86A6F4; --blue-ink:#A8C0F8; --blue-bg:#18223B; --blue-line:#2E4072; --btn:#3A64D6; --btn-hover:#2A56C6; --amber:#EFBF6A; --amber-bg:#29200F; --amber-line:#5A4417; --amber-dot:#E2A23A; --red:#F49A91; --red-bg:#2B1613; --red-line:#662A23; --green:#7FD2A1; --green-bg:#112419; --green-line:#245438; --agent:#89C8D0; --agent-bg:#132629; --agent-line:#2A5359; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35); color-scheme: dark; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#0E1014; --surface:#15181E; --sunken:#1B1F27; --hover:#1E232C; --line:#262B35; --line2:#363C48; --ink:#E9EAED; --ink2:#C5C9D1; --muted:#9DA3AE; --faint:#6D737E; --blue:#86A6F4; --blue-ink:#A8C0F8; --blue-bg:#18223B; --blue-line:#2E4072; --btn:#3A64D6; --btn-hover:#2A56C6; --amber:#EFBF6A; --amber-bg:#29200F; --amber-line:#5A4417; --amber-dot:#E2A23A; --red:#F49A91; --red-bg:#2B1613; --red-line:#662A23; --green:#7FD2A1; --green-bg:#112419; --green-line:#245438; --agent:#89C8D0; --agent-bg:#132629; --agent-line:#2A5359; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35); color-scheme: dark; } }