/* Extrakt — generated from tokens.json by build.mjs; do not edit */
:root {
  --canvas: #F7EFE4;
  --surface: #FFFFFF;
  --surface-sand: #DFCFB4;
  --surface-sand-soft: #EEE1CD;
  --clay: #BDA291;
  --hairline: #E0D2C1;
  --control-border: #897E74;
  --ink: #211914;
  --ink-muted: #645850;
  --action: #291F18;
  --action-hover: #3C3028;
  --action-pressed: #120F0C;
  --on-action: #FFFFFF;
  --focus-ring: #7E6251;
  --link: #211914;
  --selection: #EBE0CF;
  --disabled-bg: #EDE6DC;
  --disabled-ink: #A39A91;
  --negative: #A5342B;
  --negative-bg: #FFE4DF;
  --warning: #8A4B0B;
  --warning-bg: #FEE7CD;
  --success: #296A3B;
  --success-bg: #DFF3E2;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --font-serif: "IBM Plex Serif", Georgia, serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;
  --shadow-float: 0 8px 24px rgba(33,25,20,0.10);
}