:root {
  --navy: #1e2535;
  --navy-light: #2a3347;
  --navy-dark: #141a28;
  --sage: #6b8f71;
  --sage-light: #8aab90;
  --sage-pale: #e8eeea;
  --cream: #f5f2ec;
  --white: #ffffff;
  --text-dark: #1e2535;
  --text-mid: #4a5568;
  --text-light: #8896aa;
  --accent: #c8a96e;

  /* ============================================
     MODULES INTERNES (trousses dans le kit)
     Couleurs vives sur fond clair
  ============================================ */

  --red: #d44a4a;
  --red-pale: #ffebee;
  --red-border: #ffcdd2;

  --amber: #c97c20;
  --amber-pale: #fff8e1;
  --amber-border: #ffe082;

  --blue: #2b7ec7;
  --blue-pale: #e3f2fd;
  --blue-border: #bbdefb;

  --green: #3d7a2e;
  --green-pale: #e8f5e9;
  --green-border: #c8e6c9;

  --sanitaire: #7b5ea7;
  --sanitaire-pale: #ede7f6;
  --sanitaire-border: #d1c4e9;

  --gray: #7a7a7a;
  --gray-pale: #f5f5f5;
  --gray-border: #e0e0e0;

  --hygiene: #b5547a;
  --hygiene-pale: #fce4ec;
  --hygiene-border: #f8bbd0;

  /* ============================================
     KITS THÉMATIQUES (niveau supérieur)
     Fonds sombres + accent lumineux
     Convention : --kit-[nom]-bg / --kit-[nom]-accent / --kit-[nom]-text
  ============================================ */

  --kit-sanitaire-bg: #7b5ea7;
  --kit-sanitaire-accent: #ede7f6;
  --kit-sanitaire-text: #ede7f6;

  --kit-incendie-bg: #5c3a1e;
  --kit-incendie-accent: #f5a623;
  --kit-incendie-text: #fae3c0;
  --kit-incendie-border: #7a4e28;

  --kit-inondation-bg: #1a3a5c;
  --kit-inondation-accent: #7ec8e3;
  --kit-inondation-text: #d0eaf5;
  --kit-inondation-border: #254e78;

  --kit-canicule-bg: #7a5a00;
  --kit-canicule-accent: #ffd94a;
  --kit-canicule-text: #fff0b0;
  --kit-canicule-border: #9a7200;

  --kit-tempete-bg: #1e3a2a;
  --kit-tempete-accent: #4aba7c;
  --kit-tempete-text: #c0ead0;
  --kit-tempete-border: #2a5038;

  --kit-blackout-bg: #1a1a2e;
  --kit-blackout-accent: #8888cc;
  --kit-blackout-text: #c8c8f0;
  --kit-blackout-border: #2a2a48;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius: 4px;
  --radius-lg: 12px;
  --nav-height: 64px;
  --page-gutter: clamp(24px, 12vw, 300px);
}

html.theme-orange {
  --primary: #E86820;
  --primary-dark: #D45000;
  --primary-light: #FDBF8A;
  --primary-50: #FFF5EB;
  --primary-100: #FFE6CC;
  --smoke: #1E1208;
  --on-primary: #fff;

  --sage: var(--primary);
  --sage-light: var(--primary-light);
  --sage-pale: var(--primary-50);

  --navy: var(--smoke);
  --navy-light: #2a1810;
  --navy-dark: var(--smoke);
}