/* Generated from design-system/tokens.json by tools/build_tokens.py. Do not edit. */

:root, html[data-theme="light"] {
  --bg: #F4F6FA;
  --card: #FFFFFF;
  --line: #E3E8F0;
  --line-strong: #CBD3DF;
  --text: #0F1B2D;
  --text-muted: #5B6577;
  --text-faint: #6B7587;
  --accent: #1F6FEB;
  --accent-hover: #1A5FCC;
  --accent-soft: #EAF1FE;
  --on-accent: #FFFFFF;
  --ghost: #EEF2F8;
  --success: #0B7350;
  --success-soft: #E3F5EE;
  --danger: #B42A26;
  --danger-soft: #FDECEC;
  --warning: #8A5200;
  --warning-soft: #FFF3E0;
  --hue-blue: #1F6FEB;
  --hue-green: #0F8A5F;
  --hue-orange: #E07A1F;
  --hue-violet: #7A5AE0;
  --paper: #FFFFFF;
  --paper-text: #0F1B2D;
  --paper-muted: #5B6577;
  --paper-line: #E3E8F0;
  --scrim: rgba(15,27,45,0.45);
  --preview-light-bg: #F4F6FA;
  --preview-light-card: #FFFFFF;
  --preview-dark-bg: #0D1320;
  --preview-dark-card: #243047;
  --swatch-blue: #1F6FEB;
  --swatch-teal: #0B7285;
  --swatch-violet: #6741D9;
  --swatch-graphite: #1F2937;
  --shadow-card: 0 1px 2px rgba(15,27,45,.06), 0 4px 16px rgba(15,27,45,.05);
}

html[data-theme="dark"] {
  --bg: #0D1320;
  --card: #151C2B;
  --line: #243047;
  --line-strong: #3A4760;
  --text: #E7ECF4;
  --text-muted: #A3AEC0;
  --text-faint: #8C97AA;
  --accent: #5B9BFF;
  --accent-hover: #8AB8FF;
  --accent-soft: rgba(91,155,255,0.14);
  --on-accent: #0B1220;
  --ghost: #1E2638;
  --success: #5AD6A6;
  --success-soft: rgba(90,214,166,0.12);
  --danger: #FF8D84;
  --danger-soft: rgba(255,141,132,0.12);
  --warning: #F2C46B;
  --warning-soft: rgba(242,196,107,0.12);
  --hue-blue: #5B9BFF;
  --hue-green: #3FC18F;
  --hue-orange: #F0954A;
  --hue-violet: #A08BF0;
  --scrim: rgba(2,6,14,0.66);
  --swatch-blue: #5B9BFF;
  --swatch-teal: #3BC9DB;
  --swatch-violet: #9C88F5;
  --swatch-graphite: #D5DCE6;
  --shadow-card: 0 1px 2px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.25);
}

html:not([data-theme="dark"])[data-accent="teal"] {
  --accent: #0B7285;
  --accent-hover: #095C6B;
  --accent-soft: #E3F3F6;
  --on-accent: #FFFFFF;
}

html[data-theme="dark"][data-accent="teal"] {
  --accent: #3BC9DB;
  --accent-hover: #8BE0EA;
  --accent-soft: rgba(59,201,219,0.14);
  --on-accent: #0B1220;
}

html:not([data-theme="dark"])[data-accent="violet"] {
  --accent: #6741D9;
  --accent-hover: #5631C2;
  --accent-soft: #EFEAFC;
  --on-accent: #FFFFFF;
}

html[data-theme="dark"][data-accent="violet"] {
  --accent: #9C88F5;
  --accent-hover: #C3B6FA;
  --accent-soft: rgba(156,136,245,0.16);
  --on-accent: #0B1220;
}

html:not([data-theme="dark"])[data-accent="graphite"] {
  --accent: #1F2937;
  --accent-hover: #111827;
  --accent-soft: #ECEEF2;
  --on-accent: #FFFFFF;
}

html[data-theme="dark"][data-accent="graphite"] {
  --accent: #D5DCE6;
  --accent-hover: #F1F4F8;
  --accent-soft: rgba(213,220,230,0.10);
  --on-accent: #0B1220;
}

:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-pill: 999px;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
}