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

:root, html[data-theme="light"] {
  --bg: #F2F3F5;
  --card: #FFFFFF;
  --line: #E2E4E8;
  --line-strong: #C8CCD3;
  --text: #14171C;
  --text-muted: #5A606B;
  --text-faint: #6A707B;
  --accent: #1C3A5E;
  --accent-hover: #142B47;
  --accent-soft: #E6ECF3;
  --on-accent: #FFFFFF;
  --ghost: #ECEEF1;
  --success: #0B7350;
  --success-soft: #E3F5EE;
  --danger: #B42A26;
  --danger-soft: #FDECEC;
  --warning: #8A5200;
  --warning-soft: #FFF3E0;
  --hue-blue: #1C3A5E;
  --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: #F2F3F5;
  --preview-light-card: #FFFFFF;
  --preview-dark-bg: #111315;
  --preview-dark-card: #2A2D33;
  --swatch-blue: #1C3A5E;
  --swatch-teal: #0E5A63;
  --swatch-violet: #6741D9;
  --swatch-graphite: #1F2937;
  --shadow-card: none;
}

html[data-theme="dark"] {
  --bg: #111315;
  --card: #191B1F;
  --line: #2A2D33;
  --line-strong: #3D414A;
  --text: #E8EAED;
  --text-muted: #A4A9B2;
  --text-faint: #8D939C;
  --accent: #DCE3EC;
  --accent-hover: #C9D8EE;
  --accent-soft: rgba(220,227,236,0.10);
  --on-accent: #111315;
  --ghost: #23262B;
  --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: #DCE3EC;
  --hue-green: #3FC18F;
  --hue-orange: #F0954A;
  --hue-violet: #A08BF0;
  --scrim: rgba(2,6,14,0.66);
  --swatch-blue: #DCE3EC;
  --swatch-teal: #5FC4CF;
  --swatch-violet: #9C88F5;
  --swatch-graphite: #D5DCE6;
}

html:not([data-theme="dark"])[data-accent="teal"] {
  --accent: #0E5A63;
  --accent-hover: #0A454C;
  --accent-soft: #E3F0F1;
  --on-accent: #FFFFFF;
}

html[data-theme="dark"][data-accent="teal"] {
  --accent: #5FC4CF;
  --accent-hover: #9ADDE4;
  --accent-soft: rgba(95,196,207,0.14);
  --on-accent: #0B1416;
}

html:not([data-theme="dark"])[data-accent="graphite"] {
  --accent: #25282D;
  --accent-hover: #14171C;
  --accent-soft: #ECEEF1;
  --on-accent: #FFFFFF;
}

html[data-theme="dark"][data-accent="graphite"] {
  --accent: #D9DCE1;
  --accent-hover: #F1F2F4;
  --accent-soft: rgba(217,220,225,0.10);
  --on-accent: #111315;
}

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