/* Tokens de design Hestia — voir docs/DESIGN.md (source de vérité).
   Toute couleur utilisée dans les templates DOIT passer par une variable définie ici. */

:root {
  /* Fonds & surfaces */
  --bg: #F2F2EF;
  --surface: #FFFFFF;
  --surface-alt: #F7F7F5;
  --surface-hover: #ECECE6;
  --topbar-bg: #17191F;
  --border: #E5E5E1;
  --border-strong: #D2D2CC;

  /* Texte */
  --text: #1B1D23;
  --text-muted: #6C7076;
  --text-invert: #FFFFFF;

  /* Marque & actions */
  --primary: #2F6D5B;
  --primary-hover: #285D4E;
  --accent: #F0B33C;

  /* Statuts (badge = fond doux + texte soutenu) */
  --ok-bg: #E7F2E9;      --ok-fg: #3F8A55;
  --warn-bg: #FDF3E2;    --warn-fg: #D98A1F;
  --danger-bg: #FBEAE7;  --danger-fg: #D64533;
  --info-bg: #E4F0FB;    --info-fg: #1B6DC1;
  --neutral-bg: #EFEFEC; --neutral-fg: #7A7E85;

  /* Data-viz */
  --chart-base: #C9E2F6;
  --chart-highlight: #1B6DC1;

  /* Géométrie */
  --radius: 8px;
  --radius-sm: 6px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgb(0 0 0 / .05);
  --shadow-overlay: 0 8px 30px rgb(0 0 0 / .18);
}

[data-theme="dark"] {
  --bg: #121418;
  --surface: #1B1E24;
  --surface-alt: #22262D;
  --surface-hover: #2B2F38;
  --topbar-bg: #0D0F13;
  --border: #2A2E36;
  --border-strong: #3A3F49;
  --text: #ECEDEF;
  --text-muted: #9BA0A8;
  --primary: #3E8A73;
  --primary-hover: #4A9C83;
  --accent: #F0B33C;
  --ok-bg: #1E3227;      --ok-fg: #6FBF87;
  --warn-bg: #37290F;    --warn-fg: #E8A94A;
  --danger-bg: #3A1F1B;  --danger-fg: #E4756A;
  --info-bg: #16283C;    --info-fg: #5FA4E0;
  --neutral-bg: #262A31; --neutral-fg: #9BA0A8;
  --chart-base: #2A4A66;
  --chart-highlight: #5FA4E0;
  --shadow: none;
}