/* ═══════════════════════════════════════════════════════════════════════════
 * Diligio — Design tokens (single source of truth)
 *
 * Issue #1430 — éliminer le mismatch landing/app par centralisation des
 * tokens CSS. Avant ce fichier, `app_shell.css` déclarait ses tokens dans
 * `:root` et `landing.css` les dupliquait (cf. en-tête historique de
 * landing.css §0). La duplication était documentée comme « refactor V2 »
 * — c'est ce qu'apporte ce fichier.
 *
 * RÈGLE : tout token de design (couleur, typo, espacement, rayon, ombre)
 * vit ici. Les autres CSS référencent UNIQUEMENT via `var(--xxx)`.
 * Aucun `#hex` ne doit apparaître hors de ce fichier (et hors des CSS
 * legacy en liste d'override stylelint — cf. `.stylelintrc.json`).
 *
 * Cohérence avec `docs/design_system.md` (palette navy-stone-20260520) :
 *   --ink            navy primaire texte/headings/nav
 *   --rule-accent    doré-crème borders décoratifs
 *   --hover          crème très clair fond hover/active
 *   --btn-primary-*  CTA doré-crème + navy (cf. design_system.md anti-pattern small-caps)
 *   --input-bg       crème pâle pour inputs
 *
 * Chargé par `base.html` AVANT tailwind.css → hérité par toutes les pages
 * (landing, app, outils, docs, factbook).
 * ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Surfaces ─────────────────────────────────────────────────────────── */
  /* `--bg` aligné sur Tailwind `bg-diligio-bg` (#f4f6fa, tailwind.config.js).
     Avant 2026-05-25 : `--bg` = #ffffff alors que `bg-diligio-bg` = #f4f6fa
     → 2 systèmes de tokens divergents pour la même surface « page ». Effet
     visuel : pages via base.html (landing, Périmètre) avaient le fond bleu
     clair Tailwind, pages via _app_layout.html (TSM, FEC, DAS2…) restaient
     blanches. Harmonisation pour rendu identique partout (sidebar var(--panel)
     blanche posée sur fond #f4f6fa = effet « panneau encadré »). */
  --bg:                #f4f6fa;   /* page background (body) — = Tailwind bg-diligio-bg */
  --panel:             #ffffff;   /* sidebar, main panel */

  /* ── Ink (texte) ──────────────────────────────────────────────────────── */
  --ink:               #1f3865;   /* navy primaire — headings, nav, brand */
  --ink-body:          #222222;   /* corps de texte */
  --ink-soft:          #666666;   /* subtitles, hints */
  --ink-dark:          #15263f;   /* navy foncé — hover CTA landing */
  --ink-mid:           #3d4c6a;   /* navy intermédiaire — labels sidebar preview */

  /* ── Accents ──────────────────────────────────────────────────────────── */
  --accent:            #6b7993;   /* gris-bleu — labels uppercase, hovers, italic em */
  --rule-accent:       #e5d8ad;   /* doré-crème — borders décoratifs */
  --landing-rule:      #c9b88c;   /* doré-crème variant — border champ recherche landing */
  --link:              #2855aa;   /* bleu lien */

  /* ── Borders & backgrounds ────────────────────────────────────────────── */
  --border:            #e5eaf2;   /* border / rule discret */
  --hover:             #f5f1e8;   /* crème très clair — fond hover/active */
  --nav-bg:            #eef0f5;   /* fond tools-nav */

  /* ── Boutons primaires (décision cabinet premium 2026-05-21) ──────────── */
  --btn-primary-bg:        #e5d8ad;   /* fond doré-crème */
  --btn-primary-bg-hover:  #d8c896;
  --btn-primary-text:      #1f3865;   /* texte navy */

  /* ── Inputs ──────────────────────────────────────────────────────────── */
  --input-bg:              #f5f1e8;   /* = --hover */
  --input-bg-focus:        #ffffff;
  --input-bg-light:        #fbf8ef;   /* fond champ recherche landing (variant clair) */
  --input-placeholder:     rgba(31,56,101,0.6);

  /* ── États sémantiques ────────────────────────────────────────────────── */
  --danger:            #dc2626;   /* rouge — erreur, suppression */
  --warning:           #d97706;   /* orange — warning, alerte modérée */
  --success:           #16a34a;   /* vert — succès, validation */
  --info:              #2855aa;   /* bleu — info, lien (= --link) */

  /* ── Typographie ──────────────────────────────────────────────────────── */
  --ff-sans:           system-ui,-apple-system,'Segoe UI',Roboto,'Inter',sans-serif;
  --ff-serif:          Georgia,'Times New Roman',serif;   /* RÉSERVÉ factbook PDF */
  --ff-mono:           ui-monospace,'SF Mono',Monaco,'Cascadia Code',monospace;
  --ff:                var(--ff-sans);   /* alias historique — code legacy */

  /* ── Espacements ──────────────────────────────────────────────────────── */
  --space-xs:          4px;
  --space-sm:          8px;
  --space-md:          14px;     /* = --gap historique */
  --space-lg:          22px;
  --space-xl:          40px;

  /* ── Layout shell ─────────────────────────────────────────────────────── */
  --sidebar-w:         280px;
  --gap:               14px;     /* = --space-md */
  --radius:            4px;
  --radius-lg:         8px;

  /* ── Ombres ──────────────────────────────────────────────────────────── */
  --shadow-sm:         0 1px 2px rgba(31,56,101,0.06);
  --shadow-md:         0 4px 12px rgba(31,56,101,0.10);
}