/*
 * Design tokens — valeurs mesurées sur le vrai site WordPress en ligne
 * (voir DESIGN_ANALYSIS.md pour le détail de chaque valeur et sa source).
 * Les couleurs marquées "admin" sont surchargées à l'exécution par
 * ThemeSettings (voir base.html) — modifiables depuis l'admin Wagtail
 * sans toucher au code.
 */
:root {
  /* Surfaces — éditables depuis l'admin (Réglages > Thème) */
  --color-bg: #262825;
  --color-header: #688a6b;
  --color-accent: #61ce70;
  --color-accent-hover: #459150;
  --color-border: #d9e5da;

  /* Surfaces fixes */
  --color-bg-elevated: #2b2d2a;
  --color-header-ink: #224121;
  --color-dropdown: #d9e5da;
  --color-button: #459150;

  /* Texte */
  --color-text: #ffffff;
  --color-text-soft: #e1e8ed;
  --color-text-muted: #adadad;

  /* Couleurs "marqueur" issues du texte éditorial d'origine */
  --color-orange: #e65f2c;
  --color-teal: #33cccc;
  --color-faq-question: #ff6600;
  --color-lilac: #cc99ff;
  --color-credits: #ff0000;
  --color-gold: #ffcc00;
  --color-kofi: #ff5f5f;

  /* Badges de statut (composant nouveau, pas dans l'original) */
  --color-status-en-cours: #459150;
  --color-status-terminee: #cc99ff;
  --color-status-en-pause: #e65f2c;
  --color-status-abandonnee: #6b6b6b;

  /* Typographie — éditable depuis l'admin */
  --font-heading: "Poppins", Arial, Helvetica, sans-serif;
  --font-body: "Poppins", Arial, Helvetica, sans-serif;
  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.65;

  /* Mise en page */
  --container-max-width: 1140px;
  --container-wide: 1600px;
  --container-narrow-width: 840px;
  --header-height: 104px;
  --spacing-unit: 1.5em;
  --divider-width: 75%;

  /* Formes et effets — presque tout est carré, l'effet vient des ombres */
  --radius-sm: 0;
  --radius-md: 0;
  --shadow-header: 0 5px 20px 4px #000;
  --shadow-card: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  --shadow-dropdown: 0 0 20px 0 rgba(10, 6, 6, 0.57);
  --text-shadow-hero: 0 0 11px rgba(0, 0, 0, 0.96);
}