/*
 * DESIGN TOKENS — Caisse Patro Administration V2.
 * Palette identique à monespace-tresorerie-v2 (instruction explicite du cahier des charges,
 * voir ARCHITECTURE.md §7) : seul fichier avec des valeurs brutes, tout le reste utilise var(--…).
 *
 * Thèmes : clair (:root) / sombre (:root[data-theme="dark"]) / auto (media query, non
 * data-theme="light"). Points de rupture mobile-first : 480 / 768 / 1024 / 1280px.
 */

:root {
  color-scheme: light;

  --color-primary: #075A35;
  --color-primary-hover: #054A2C;
  --color-primary-active: #043B23;
  --color-primary-contrast: #FFFFFF;
  --color-primary-soft: #E5F0E9;
  --color-accent: #A8C900;
  --color-accent-contrast: #17211C;
  --color-highlight: #FFE51B;
  --color-highlight-contrast: #17211C;

  --color-bg: #F6F8F5;
  --color-surface: #FFFFFF;
  --color-surface-2: #F2F5F3;
  --color-overlay: rgb(23 33 28 / 0.55);

  --color-text: #17211C;
  --color-text-muted: #66736C;
  --color-text-on-accent: #17211C;

  --color-border: #E2E8E4;
  --color-border-strong: #C5D0C9;
  --color-focus: #0B7A48;

  --color-success: #067647;
  --color-success-bg: #E6F4EC;
  --color-success-border: #A9D9BE;
  --color-warning: #8A4B00;
  --color-warning-bg: #FFF3D6;
  --color-warning-border: #F0CF85;
  --color-danger: #B42318;
  --color-danger-solid: #B42318;
  --color-danger-solid-hover: #912018;
  --color-danger-solid-contrast: #FFFFFF;
  --color-danger-bg: #FDECEA;
  --color-danger-border: #F2B8B2;
  --color-info: #175CD3;
  --color-info-bg: #E8F0FD;
  --color-info-border: #B2CCF5;

  /* Seuils de stock (ARCHITECTURE.md §5 / DATA_MODEL.md §5) */
  --color-stock-normal: #067647;
  --color-stock-attention: #8A4B00;
  --color-stock-critique: #B42318;
  --color-stock-hors: #8C9A92;

  --shadow-sm: 0 1px 2px rgb(23 33 28 / 0.06);
  --shadow-md: 0 4px 12px rgb(23 33 28 / 0.08), 0 1px 3px rgb(23 33 28 / 0.06);
  --shadow-lg: 0 16px 40px rgb(23 33 28 / 0.16), 0 4px 12px rgb(23 33 28 / 0.08);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-primary: #38A169;
    --color-primary-hover: #48B37A;
    --color-primary-active: #5CC28A;
    --color-primary-contrast: #0B140F;
    --color-primary-soft: #17301F;
    --color-accent: #A8C900;
    --color-accent-contrast: #17211C;
    --color-highlight: #FFE51B;
    --color-highlight-contrast: #17211C;

    --color-bg: #101612;
    --color-surface: #171F1A;
    --color-surface-2: #1D261F;
    --color-overlay: rgb(0 0 0 / 0.6);

    --color-text: #E7EFE9;
    --color-text-muted: #9DACA3;
    --color-text-on-accent: #17211C;

    --color-border: #2A352D;
    --color-border-strong: #3B4A3E;
    --color-focus: #5CC28A;

    --color-success: #48B37A;
    --color-success-bg: #16281D;
    --color-success-border: #2E4A38;
    --color-warning: #E3A73B;
    --color-warning-bg: #2E2410;
    --color-warning-border: #4A3A19;
    --color-danger: #F1877E;
    --color-danger-solid: #C4342A;
    --color-danger-solid-hover: #D9483D;
    --color-danger-solid-contrast: #FFFFFF;
    --color-danger-bg: #2E1917;
    --color-danger-border: #4A2A27;
    --color-info: #7EA6F0;
    --color-info-bg: #16202E;
    --color-info-border: #2A3C55;

    --color-stock-normal: #48B37A;
    --color-stock-attention: #E3A73B;
    --color-stock-critique: #F1877E;
    --color-stock-hors: #6C7A72;

    --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
    --shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
    --shadow-lg: 0 16px 40px rgb(0 0 0 / 0.55);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-primary: #38A169;
  --color-primary-hover: #48B37A;
  --color-primary-active: #5CC28A;
  --color-primary-contrast: #0B140F;
  --color-primary-soft: #17301F;
  --color-accent: #A8C900;
  --color-accent-contrast: #17211C;
  --color-highlight: #FFE51B;
  --color-highlight-contrast: #17211C;

  --color-bg: #101612;
  --color-surface: #171F1A;
  --color-surface-2: #1D261F;
  --color-overlay: rgb(0 0 0 / 0.6);

  --color-text: #E7EFE9;
  --color-text-muted: #9DACA3;
  --color-text-on-accent: #17211C;

  --color-border: #2A352D;
  --color-border-strong: #3B4A3E;
  --color-focus: #5CC28A;

  --color-success: #48B37A;
  --color-success-bg: #16281D;
  --color-success-border: #2E4A38;
  --color-warning: #E3A73B;
  --color-warning-bg: #2E2410;
  --color-warning-border: #4A3A19;
  --color-danger: #F1877E;
  --color-danger-solid: #C4342A;
  --color-danger-solid-hover: #D9483D;
  --color-danger-solid-contrast: #FFFFFF;
  --color-danger-bg: #2E1917;
  --color-danger-border: #4A2A27;
  --color-info: #7EA6F0;
  --color-info-bg: #16202E;
  --color-info-border: #2A3C55;

  --color-stock-normal: #48B37A;
  --color-stock-attention: #E3A73B;
  --color-stock-critique: #F1877E;
  --color-stock-hors: #6C7A72;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
  --shadow-lg: 0 16px 40px rgb(0 0 0 / 0.55);
}