/* DJIBSUUQ — variables de design (couleurs extraites du logo officiel).
   Vert profond du logo : #046323 | vert moyen : #50a020 | vert vif : #82cb24 | vert feuille : #d4f270 */
:root {
  --color-primary: #046323;
  --color-primary-hover: #034f1c;
  --color-on-primary: #ffffff;
  --color-green-mid: #3a8d22;
  --color-accent: #82cb24;
  --color-leaf: #d4f270;
  --color-tint: #eef9d9;

  --color-bg: #ffffff;
  --color-surface: #f5f8f2;
  --color-border: #d5dfcc;
  --color-input-border: #728a78;
  --color-text: #17261b;
  --color-text-muted: #4a5b4e;
  --color-link: #046323;
  --color-focus: #1a6fd1;

  --color-success: #11693a;
  --color-warning: #8a5a00;
  --color-error: #b3261e;
  --color-on-error: #ffffff;
  --color-on-accent: #0b1d10;
  --color-info: #0b5cad;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --radius: 0.75rem;
  --shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 4px 14px rgb(4 99 35 / 8%);
  --container: 72rem;
  --space-6: 4rem;
  --radius-sm: 0.5rem;
  --shadow-lg: 0 8px 30px rgb(0 0 0 / 18%);
  --color-overlay: rgb(8 20 12 / 55%);
  --z-header: 30;
  --z-drawer: 60;
  --focus-ring: 3px solid var(--color-focus);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --color-primary: #7fd13b;
  --color-primary-hover: #97e052;
  --color-on-primary: #0b1d10;
  --color-green-mid: #7fd13b;
  --color-tint: #17301d;
  --color-bg: #0e1710;
  --color-surface: #16221a;
  --color-border: #2c3e30;
  --color-input-border: #6f8a76;
  --color-text: #e8f2ea;
  --color-text-muted: #aebfb2;
  --color-link: #9be15a;
  --color-focus: #6cb2ff;
  --color-success: #5fd18a;
  --color-warning: #f0b84a;
  --color-error: #ff8a80;
  --color-on-error: #2b0805;
  --color-info: #7fbcff;
  --shadow: 0 1px 3px rgb(0 0 0 / 50%);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-primary: #7fd13b;
    --color-primary-hover: #97e052;
    --color-on-primary: #0b1d10;
    --color-green-mid: #7fd13b;
    --color-tint: #17301d;
    --color-bg: #0e1710;
    --color-surface: #16221a;
    --color-border: #2c3e30;
  --color-input-border: #6f8a76;
    --color-text: #e8f2ea;
    --color-text-muted: #aebfb2;
    --color-link: #9be15a;
    --color-focus: #6cb2ff;
    --color-success: #5fd18a;
    --color-warning: #f0b84a;
    --color-error: #ff8a80;
    --color-on-error: #2b0805;
    --color-info: #7fbcff;
    --shadow: 0 1px 3px rgb(0 0 0 / 50%);
    color-scheme: dark;
  }
}