:root,
[data-theme="light"] {
  --balise-yellow: #F4C400;
  --balise-ink: #071A1D;
  --color-bg: #F8F8F4;
  --color-surface: #FFFFFF;
  --color-text: #071A1D;
  --color-text-muted: #6F7B7B;
  --color-border: #DCE2DF;
  --color-accent: #F4C400;
  --button-primary-bg: #071A1D;
  --button-primary-text: #F4C400;
}

[data-theme="dark"] {
  --color-bg: #071A1D;
  --color-surface: #10262A;
  --color-text: #F8F8F4;
  --color-text-muted: #AAB5B3;
  --color-border: #294247;
  --color-accent: #F4C400;
  --button-primary-bg: #F4C400;
  --button-primary-text: #071A1D;
}

:root {
  --data-weather: #1BB7D5;
  --data-marine: #2463EB;
  --data-tide: #00A88F;
  --data-fire: #EF4B3E;
  --data-earthquake: #8B5CF6;
  --data-critical: #D92D20;
  --font-ui: Inter, Arial, sans-serif;
  --font-data: "IBM Plex Mono", Consolas, monospace;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
}