/* ============================================================
   tokens.css — Circuit de signature des situations (outil HORS SOMA)
   Copie LOCALE des tokens DESIGN.md v1.3 (SIG-D4) — aucune dépendance SOMA.
   Règle d'or : JAMAIS de valeur en dur dans app.css, toujours un token.
   ============================================================ */

:root {
  --surface: var(--card);
  --surface-2: rgba(13, 27, 15, 0.025);
  /* --- Verts — palette principale --- */
  --green: #2FBF7A;
  --green-dark: #0D6B35;
  --green-hover: #25A868;
  --green-light: rgba(237, 250, 243, 0.85);
  --green-soft: rgba(47, 191, 122, 0.10);
  --green-border: rgba(47, 191, 122, 0.30);
  --green-glow: rgba(47, 191, 122, 0.15);

  /* --- Sémantique --- */
  --red: #E02020;
  --red-bg: #FEF1F1;
  --yellow: #C97800;
  --yellow-bg: #FFF8EB;
  --blue: #2563EB;
  --blue-bg: #EFF6FF;
  /* Navy — rôle EG (entreprise générale, chemin sous-traitance) + notes d'appel */
  --navy: #1A4FB8;
  --navy-bg: #EEF3FC;

  /* --- Violet IA — SEUL usage autorisé : bouton « Générer avec l'IA » (SIG-D10) --- */
  --ia: #7C3AED; /* stylelint-disable-line soma/no-purple-outside-ia -- SIG-D10 : bouton IA = seul usage violet, impose par le brief */
  --ia-bg: rgba(124, 58, 237, 0.08);

  /* --- Neutres --- */
  --text: #0D1B0F;
  --text2: #3A4D3C;
  --muted: #7A9480;
  --muted2: #B8CEB8;
  --bg: #F7F7F8;
  --card: #FFFFFF;
  --white: #FFFFFF;
  --border: rgba(200, 220, 200, 0.6);
  --border2: rgba(160, 192, 160, 0.5);
  --overlay: rgba(13, 27, 15, 0.45);

  /* --- Typographie : Lato 400/700/900 + Lora italic UNIQUEMENT --- */
  --font: 'Lato', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --font-serif: 'Lora', Georgia, 'Times New Roman', serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 22px;
  --text-3xl: 28px;

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --weight-regular: 400;
  --weight-bold: 700;
  --weight-black: 900;

  /* --- Radius --- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-xl: 24px;
  --radius-pill: 100px;
  --radius-full: 50%;

  /* --- Ombres (teintées --text, jamais noir pur) --- */
  --shadow-xs: 0 1px 2px rgba(13, 27, 15, 0.04);
  --shadow-sm: 0 2px 8px rgba(13, 27, 15, 0.06);
  --shadow-md: 0 4px 16px rgba(13, 27, 15, 0.08);
  --shadow-lg: 0 12px 32px rgba(13, 27, 15, 0.12);
  --shadow-xl: 0 24px 64px rgba(13, 27, 15, 0.16);
  --shadow-focus: 0 0 0 3px rgba(47, 191, 122, 0.25);
  --sh-green: 0 6px 18px rgba(47, 191, 122, 0.35);

  /* --- Halos d'état (SIG-9 #12 : sortis des valeurs en dur de app.css) --- */
  --blue-glow: 0 0 0 4px rgba(37, 99, 235, 0.12);
  --red-glow: 0 0 0 4px rgba(224, 32, 32, 0.12);
  --navy-glow: 0 0 0 3px rgba(26, 79, 184, 0.18);
  --navy-border: rgba(26, 79, 184, 0.30);
  --green-row-hover: rgba(47, 191, 122, 0.03);
}