/* Quotidienne Présidentielle : jetons de design, générés depuis tokens.json */

:root, [data-theme="light"] {
  --fond: #f8f9fc;
  --surface: #ffffff;
  --encre: #1b2233;
  --encre-secondaire: #566074;
  --bordure: var(--encre-secondaire);
  --filet: #d9deea;
  --bleu: #2f4c94;
  --sur-bleu: #ffffff;
  --bleu-pale: #e9eef9;
  --rouge: #b63a45;
  --rouge-pale: #fcebec;
  --serie-1: #0e7c86;
  --serie-2: #c25e0a;
  --serie-3: #7a55b0;
  --serie-4: #4f7f1e;
  --serie-5: #a87b00;
  --serie-6: #c2457a;
  --serie-7: #8a5a3c;
  --serie-8: #5f6b7a;
  --ombre-legere: 0 1px 2px rgba(27, 34, 51, 0.08);
}

[data-theme="dark"] {
  --fond: #121827;
  --surface: #1a2236;
  --encre: #e8ecf5;
  --encre-secondaire: #9aa5bc;
  --bordure: var(--encre-secondaire);
  --filet: #2c3652;
  --bleu: #8fa8e6;
  --sur-bleu: #121827;
  --bleu-pale: #232e4d;
  --rouge: #f08a93;
  --rouge-pale: #3a2229;
  --serie-1: #3db4bf;
  --serie-2: #e58a3f;
  --serie-3: #a98bd6;
  --serie-4: #86b84a;
  --serie-5: #d4a82a;
  --serie-6: #e079a3;
  --serie-7: #c28d6b;
  --serie-8: #93a1b5;
  --ombre-legere: none;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --trait-1: 0;
  --trait-2: 6 3;
  --trait-3: 2 3;
  --trait-4: 8 3 2 3;
  --trait-5: 1 4;
  --trait-6: 3 3;
  --trait-7: 10 3 3 3;
  --trait-8: 4 2;
  --font-display: "Space Grotesk", Inter, system-ui, sans-serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}