/* Runtend Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --bg: #F3F0E8;
  --surface: #FBFAF6;
  --surface-strong: #FFFFFF;
  --line: #D9D4C7;
  --line-soft: #E6E2D8;
  --line-control: #7D8189;
  --line-strong: #16181D;
  --text: #16181D;
  --text-2: #2E3138;
  --text-muted: #5B5F66;
  --inverse-bg: #16181D;
  --inverse-text: #F3F0E8;
  --record: #0B6E4F;
  --record-hover: #08573E;
  --record-tint: #D7EBDF;
  --on-record: #FFFFFF;
  --decision: #A84D08;
  --decision-text: #8A3F06;
  --decision-tint: #F6D9B8;
  --decision-row: #FBF3EA;
  --stop: #B42318;
  --stop-tint: #F9DCD8;
  --focus: var(--record);
  --brand-ink: #16181D;
  --brand-paper: #F3F0E8;
  --brand-record: #0B6E4F;
  --brand-decision: #A84D08;
  --brand-decision-light: #F2A85C;
  --shadow-overlay: 0 12px 32px rgba(22, 24, 29, 0.14), 0 1px 2px rgba(22, 24, 29, 0.08);
}
[data-theme="dark"] {
  --bg: #121418;
  --surface: #1A1D22;
  --surface-strong: #20242A;
  --line: #33373F;
  --line-soft: #272A31;
  --line-control: #6B7079;
  --line-strong: #E8E4DA;
  --text: #F1EEE6;
  --text-2: #C9CCD2;
  --text-muted: #9A9EA6;
  --inverse-bg: #F3F0E8;
  --inverse-text: #16181D;
  --record: #3FB984;
  --record-hover: #5FCB9C;
  --record-tint: #12392B;
  --on-record: #0B1F17;
  --decision: #F2A85C;
  --decision-text: #F2A85C;
  --decision-tint: #3D2410;
  --decision-row: #2A1E14;
  --stop: #F97066;
  --stop-tint: #3F1A17;
  --focus: var(--record);
  --brand-ink: #16181D;
  --brand-paper: #F3F0E8;
  --brand-record: #0B6E4F;
  --brand-decision: #A84D08;
  --brand-decision-light: #F2A85C;
  --shadow-overlay: 0 12px 32px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0, 0, 0, 0.4);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --layout-container: 1200px;
  --layout-text: 720px;
  --layout-gutter: 24px;
  --layout-header: 72px;
  --font-sans: Archivo, "Helvetica Neue", Arial, system-ui, sans-serif;
}