/* FSG Le Locle Gala design tokens — generated from the design system tokens.json. Do not edit by hand. */
:root {
  --surface: #ffffff;
  --surface-alt: #f6f5f2;
  --line: #e2e0da;
  --line-strong: #8b8c85;
  --ink: #1a1b1b;
  --ink-muted: #5c5d57;
  --brand-red: #dc444a;
  --action: #c8343b;
  --action-hover: #a8262f;
  --brand-red-ink: #c0303a;
  --brand-red-soft: #fdecec;
  --brand-gold: #ecc966;
  --brand-pale: #faefbc;
  --on-brand: #ffffff;
  --success: #1e7a4a;
  --success-soft: #e5f4ec;
  --warning: #7a5600;
  --warning-soft: #fbf3d2;
  --danger: #b3261e;
  --danger-soft: #fce8e6;
  --focus: #1a1b1b;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-display: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  --font-body: "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --shadow-card: 0 1px 2px rgba(24,25,23,0.06), 0 4px 16px rgba(24,25,23,0.06);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --surface: #131412;
    --surface-alt: #1c1d1a;
    --line: #33342f;
    --line-strong: #6e6f68;
    --ink: #f2f1ec;
    --ink-muted: #a7a8a0;
    --brand-red: #dc444a;
    --action: #c8343b;
    --action-hover: #dc444a;
    --brand-red-ink: #ff7a7f;
    --brand-red-soft: #3a1517;
    --brand-gold: #ecc966;
    --brand-pale: #faefbc;
    --on-brand: #ffffff;
    --success: #5bc48c;
    --success-soft: #12301f;
    --warning: #f2cc5c;
    --warning-soft: #3a3010;
    --danger: #ff8a80;
    --danger-soft: #3d1613;
    --focus: #f2f1ec;
    --shadow-card: 0 1px 2px rgba(0,0,0,0.5);
    color-scheme: dark;
  }
}