/* DS TOKENS - source unique du design system Seequency : palette 5 « Chaleur Outbound » (design-system-seequency_2.html,
   section 11, recopiee telle quelle). Les ANCIENS noms (charte v3) restent : chacun pointe vers le nouveau token de MEME ROLE
   (brief commun de transition, section 4). Aucune regle d'ecran ne redefinit les hex.

   Scope :root ET :host ET .seq-root - la raison d'etre de ce fichier :
   - :host / .seq-root  -> le widget vit dans un shadow DOM (:root n'y matche pas).
   - :root              -> les pages autonomes (page hebergee /p) n'ont ni shadow ni .seq-root.
   Le PDF et les e-mails, qui ne lisent pas cette feuille, prennent les MEMES valeurs dans app/tokens-ds.js (un test compare).

   Mode sombre : ses tokens sont la (section 11), sous [data-theme="dark"]. Le simulateur ne pose jamais data-theme : le mode
   sombre n'est PAS allume (S1, aucun comportement nouveau). */
/* stylelint-disable color-no-hex -- bloc de DEFINITION des tokens : les hex y sont la source. */
:root, :host, .seq-root {
  /* Marque */
  --marine-900:#06103F; --marine-800:#111C52; --marine-700:#1E2B6B; --marine-600:#344283; --marine-300:#A3AFC7; --marine-100:#DDE2EE;
  --bleu-50:#F4F7FE; --bleu-100:#E3EAFB; --bleu-200:#C9D5F8; --bleu-400:#7E9BF0; --bleu-500:#4A72E8; --bleu-600:#3A5FD0; --bleu-700:#2F52B8; --bleu-800:#293F80;
  --abricot-50:#FFF7EE; --abricot-100:#FFEBD3; --abricot-200:#FFDDB4; --abricot-300:#FFCB8F; --abricot-500:#FFB25C; --abricot-600:#F38A2E; --abricot-700:#C26A12; --abricot-800:#9A4D00;
  --ardoise-900:#1F3654; --ardoise-600:#556E8E; --ardoise-400:#8A96B0; --ardoise-200:#D5DDE8; --ardoise-100:#E1E7EF; --brume:#F4F7FA; --blanc:#FFFFFF;
  /* Fonctionnelles */
  --succes:#127A55; --succes-bg:#E3F5EC; --erreur:#B42318; --erreur-bg:#FDECEA; --attention:#9A4D00; --attention-bg:#FFEBD3; --info:#2F52B8; --info-bg:#E3EAFB;
  /* Roles, mode clair */
  --bg:var(--brume); --surface:var(--blanc); --surface-2:#F9FBFC; --border:var(--ardoise-100); --border-strong:var(--ardoise-200);
  --text:var(--ardoise-900); --text-strong:var(--marine-900); --text-muted:var(--ardoise-600); --text-faint:var(--ardoise-400);
  --link:var(--bleu-600); --accent:var(--abricot-500); --focus-ring:rgba(74,114,232,.22);
  --grad-abricot:linear-gradient(180deg,#FFCB8F 0%,#FFB25C 100%);
  /* Logo */
  --logo-paid:linear-gradient(#F38A2E,#FFB25C); --logo-up:var(--ardoise-200); --logo-word:var(--marine-900);
  /* Badges d'etat (composant .badge du design system). b-late (rouge) n'est defini nulle part : il n'est attribue a aucun etat. */
  --b-up-bg:var(--ardoise-100); --b-up-text:#475F7E; --b-up-dot:var(--ardoise-400);
  --b-run-bg:var(--bleu-100); --b-run-text:var(--bleu-700); --b-run-dot:var(--bleu-500);
  --b-del-bg:var(--marine-100); --b-del-text:var(--marine-700); --b-del-dot:var(--marine-700);
  --b-acc-bg:var(--succes-bg); --b-acc-text:var(--succes); --b-acc-dot:var(--succes);
  --b-paid-bg:var(--abricot-100); --b-paid-text:var(--abricot-800); --b-paid-dot:var(--abricot-600);
  /* Typographie */
  --f-display:'Archivo',system-ui,sans-serif; --f-body:'Plus Jakarta Sans',system-ui,sans-serif; --f-mono:'Space Grotesk',ui-monospace,monospace;
  /* Rayons */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:999px;
  /* Espacements */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px;
  /* Ombres */
  --shadow-sm:0 1px 2px rgba(6,16,63,.06),0 2px 6px rgba(6,16,63,.05);
  --shadow-md:0 8px 24px rgba(6,16,63,.08);
  --shadow-lg:0 18px 48px rgba(6,16,63,.12);
  --glow:0 8px 22px rgba(243,138,46,.35);
  /* Le brief commun nomme le halo de focus --focus : meme valeur que --focus-ring. */
  --focus:var(--focus-ring);

  /* ===== Anciens noms (charte v3) : alias vers le token de meme role (brief commun, section 4) ===== */
  --brand-violet: var(--link);              /* liens, contours, accents de texte ; les fonds pleins passent au bouton Marine */
  --brand-magenta: var(--link);
  --brand-pink: var(--accent);
  --brand-gradient: var(--grad-abricot);    /* bouton principal, un seul par vue */
  --ink: var(--text);
  --slate: var(--text-muted);
  --muted: var(--text-muted);               /* l'ancien --muted (gris le plus discret) servait a du TEXTE : --text-faint y tombe sous AA (2,97:1 sur blanc), CA5 */
  --canvas: var(--bg);
  --violet-soft: var(--bleu-50);            /* fonds doux (bandeaux, pastilles) : bleu 50, le texte secondaire y reste AA (bleu 100 : 4,35:1), CA5 */
  --surface-sunken: var(--surface-2);
  --success: var(--succes);
  --success-bg: var(--succes-bg);
  --success-dot: var(--succes);
  --warning: var(--attention);
  --warning-bg: var(--attention-bg);
  --warning-dot: var(--abricot-600);
  --error: var(--erreur);
  --error-bg: var(--erreur-bg);
  --error-dot: var(--erreur);
  --input-border: var(--border-strong);
  --input-focus-border: var(--bleu-500);
  --input-focus-ring: var(--focus-ring);
  --button-secondary-border: var(--border-strong);
  --text-heading: var(--text-strong);
  --surface-card: var(--surface);
  --surface-page: var(--bg);
  --border-default: var(--border);

  /* typographie (echelle DS, inchangee) */
  --font-display: 'Archivo', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'Space Grotesk', monospace;
  --text-display: 56px; --ls-display: -0.035em; --fw-display: 900;
  --text-h1: 40px; --ls-h1: -0.025em; --fw-h1: 800;
  --text-h2: 28px; --ls-h2: -0.02em; --fw-h2: 800;
  --text-title: 20px; --ls-title: -0.01em; --fw-title: 700;
  --text-body: 16px; --fw-body: 500;
  --text-caption: 13px; --ls-caption: 0.01em; --fw-caption: 600;

  /* rayons et ombres : anciens noms */
  --radius-sm: var(--r-sm);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
  --radius-full: var(--r-pill);
  --shadow-glow: var(--glow);
  --shadow-card: var(--shadow-md);
}
/* Roles, mode sombre (section 11) : jamais allume par le simulateur (aucun data-theme pose). */
[data-theme="dark"]{
  --bg:var(--marine-900); --surface:var(--marine-800); --surface-2:#0C1648; --border:#24316E; --border-strong:#33418A;
  --text:#E6EAF3; --text-strong:var(--brume); --text-muted:var(--marine-300); --text-faint:#7280A6;
  --link:var(--bleu-400); --focus-ring:rgba(126,155,240,.32);
  --logo-paid:var(--abricot-500); --logo-up:var(--marine-700); --logo-word:var(--brume);
}
/* stylelint-enable color-no-hex */