/* =========================================================
   AMOTRA GUYANE — Tokens (identité anthracite + cuivre)
   Source unique des couleurs, typographies, espacements,
   rayons et ombres. Chargé avant styles.css / portail.css.
   ========================================================= */

:root {
  /* ---------- Marque ---------- */
  --anthracite:        #2a2e33;  /* couleur principale, fonds sombres, logo */
  --anthracite-deep:   #1f2226;  /* bandeau haut, pied de page, texte courant */
  --copper:            #b4673b;  /* cuivre du logo : filets, grands chiffres */
  --copper-btn:        #a45a30;  /* boutons et petit texte cuivre sur fond clair (AA) */
  --copper-btn-hover:  #7e4322;
  --copper-light:      #d98e64;  /* dérivé : petit texte cuivre sur fond anthracite (AA) */

  /* ---------- Texte et surfaces ---------- */
  --ink:               #1f2226;
  --muted:             #5a5f66;
  --line:              #e4e5e7;
  --bg:                #ffffff;
  --bg-alt:            #f5f3ef;  /* sections alternées */
  --chip:              #eceae5;
  --track:             #e4e5e7;

  /* ---------- Sur fond anthracite ---------- */
  --on-dark:           #f3f2f0;
  --on-dark-muted:     #c3c6ca;
  --on-dark-faint:     #9aa0a6;
  --hairline-light:    rgba(255, 255, 255, .14);
  --surface-light:     rgba(255, 255, 255, .05);

  /* ---------- États ---------- */
  --ok:                #1e7d4f;
  --ok-surface:        #eef7f0;
  --ok-line:           #c9e6d3;
  --ok-ink:            #1c6b3f;
  --err-ink:           #aa1122;
  --err-surface:       #fdecec;
  --err-line:          #f3c9c9;
  --info-surface:      #f1f0ec;
  --info-line:         #dedbd4;
  --focus-ring:        rgba(164, 90, 48, .22);

  /* ---------- Espacement (pas de 4px) ---------- */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 20px;  --space-6: 24px;  --space-7: 28px;  --space-8: 32px;
  --space-10: 40px; --space-12: 48px; --space-16: 64px;

  /* ---------- Rayons ---------- */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius:     10px;
  --radius-pill: 999px;

  /* ---------- Ombres ---------- */
  --shadow:     0 10px 30px rgba(31, 34, 38, .08);
  --shadow-lg:  0 20px 50px rgba(31, 34, 38, .16);

  /* ---------- Gabarit ---------- */
  --maxw:            1200px;
  --maxw-portail:    1080px;
  --header-h:        78px;
  --topbar-h:        40px;
  --portal-header-h: 66px;

  /* ---------- Typographie ---------- */
  --font-display: "Cinzel", "Times New Roman", Georgia, serif;
  --font-sans: "Barlow", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}