:root {
  --color-bg: #0B0D12;
  --color-bg-card: #14171D;
  --color-bg-raised: #1B1F27;
  --color-border: rgba(255,255,255,0.09);
  --color-border-strong: rgba(255,255,255,0.18);
  --color-text: #E8E9EC;
  --color-text-muted: #9AA1AC;

  --color-accent: #6FA3CE;
  --color-positive: #4DBE8E;
  --color-warning: #D9A24B;
  --color-risk: #D2685C;
  --color-hypothese: #A08AE0;
  --color-inconnu: #6B7280;

  --chart-1: #6FA3CE;
  --chart-2: #4DBE8E;
  --chart-3: #D9A24B;
  --chart-4: #A08AE0;
  --chart-5: #D2685C;
  --chart-6: #7C93A6;

  --font-ui: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  --fs-xs: 0.75rem; --fs-sm: 0.8125rem; --fs-md: 0.9375rem; --fs-lg: 1.125rem;
  --fs-xl: 1.5rem; --fs-2xl: 2.125rem;

  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 32px; --space-6: 48px;
  --content-max: 1360px;
  --radius-sm: 8px; --radius-md: 10px;
  --transition: 150ms ease-out;
}

[data-theme="light"] {
  --color-bg: #F7F7F5;
  --color-bg-card: #FFFFFF;
  --color-bg-raised: #FFFFFF;
  --color-border: rgba(15,15,20,0.10);
  --color-border-strong: rgba(15,15,20,0.22);
  --color-text: #14171D;
  --color-text-muted: #5B6270;
  --color-accent: #2F6690;
  --color-positive: #1F8F63;
  --color-warning: #A9701C;
  --color-risk: #A8362A;
  --color-hypothese: #6446C4;
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition: 0ms; }
}