/* ==========================================================================
   ALMAR GROUPE — DESIGN SYSTEM / TOKENS
   La palette n'est pas inventée : elle est relevée sur le logo du groupe.
     or      #F0CC60 → #B98F32   (le A et son croisillon)
     bleu    #006CA8 → #003C78   (le globe)
     chrome  #FFFFFF → #B4BAC4   (le mot-marque)
     fond    noir absolu         (le logo est détouré dessus)

   Registre : groupe établi. Le sérieux vient du contenu et de la mise en
   page ; l'or ne sert que d'accent — étiquettes, chiffres, filets, boutons.
   Toute valeur visuelle du site descend d'un token défini ici.
   ========================================================================== */

:root {
  /* ---------- Surfaces ---------------------------------------------------- */
  --void:    #05060A;   /* fond de page — colle au noir du logo */
  --panel:   #0B0D13;   /* section alternée */
  --panel-2: #11141C;   /* carte, tableau, encadré */
  --panel-3: #171B25;   /* survol */
  --deep:    #030407;   /* pied de page */

  --rule:       rgba(255,255,255,.085);
  --rule-soft:  rgba(255,255,255,.045);
  --rule-strong: rgba(255,255,255,.16);

  /* ---------- Encres ------------------------------------------------------ */
  --text:  #ECEEF2;   /* titres, texte fort */
  --body:  #A9B1BD;   /* texte courant */
  --muted: #7B8492;   /* méta, légendes — AA sur toutes les surfaces */
  --faint: #5C6573;   /* index décoratif, grand texte uniquement */

  /* ---------- Or de marque — l'accent unique ------------------------------ */
  --gold:    #F0CC60;
  --gold-hi: #FCE46C;
  --gold-lo: #B98F32;
  --gold-w:  rgba(240,204,96,.09);
  --gold-b:  rgba(240,204,96,.28);

  /* ---------- Bleu du globe — profondeur, jamais du texte ----------------- */
  --blue:    #006CA8;
  --blue-d:  #003C78;
  --blue-w:  rgba(0,108,168,.16);

  /* ---------- Statuts ----------------------------------------------------- */
  --ok:    #6FC69A;
  --wait:  #F0CC60;
  --new:   #61A9DE;

  /* Accent contextuel : surchargé par chaque page filiale. */
  --brand:      var(--gold);
  --brand-soft: var(--gold-hi);

  /* ---------- Dégradés ---------------------------------------------------- */
  --chrome:    linear-gradient(178deg, #FFFFFF 0%, #E8EAEE 38%, #B4BAC4 68%, #F2F4F7 100%);
  --gold-grad: linear-gradient(178deg, #FCE46C 0%, #F0CC60 45%, #B98F32 100%);
  --rule-grad: linear-gradient(90deg, var(--gold-b), transparent);

  /* ---------- Typographie ------------------------------------------------- */
  --display: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  /* Échelle fluide — clamp(min, préféré, max) */
  --t-hero:  clamp(2rem, 4.3vw, 3.5rem);
  --t-h1:    clamp(1.75rem, 3.4vw, 2.75rem);
  --t-h2:    clamp(1.55rem, 2.9vw, 2.3rem);
  --t-h3:    clamp(1.05rem, 1.5vw, 1.2rem);
  --t-lead:  clamp(1.02rem, 1.3vw, 1.16rem);
  --t-body:  1rem;
  --t-small: .88rem;
  --t-micro: .68rem;

  --lh-tight: 1.08;
  --lh-snug:  1.14;
  --lh-body:  1.62;

  --track-tight: -.028em;
  --track-label: .2em;

  /* ---------- Grille & espacement ---------------------------------------- */
  --gut: clamp(1.25rem, 5vw, 5rem);
  --maxw: 1300px;
  --maxw-text: 62ch;

  --s-1: .25rem;  --s-2: .5rem;   --s-3: .75rem;  --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2rem;    --s-7: 3rem;    --s-8: 4rem;
  --section-y: clamp(3.25rem, 6.5vw, 6rem);

  /* ---------- Rayons ------------------------------------------------------ */
  --r-sm: 2px;
  --r-md: 3px;
  --r-pill: 999px;

  /* ---------- Motion — sobre par principe -------------------------------- */
  --ease: cubic-bezier(.22,1,.36,1);
  --d-fast: 160ms;
  --d-mid: 300ms;
  --d-slow: 600ms;

  /* ---------- Divers ------------------------------------------------------ */
  --header-h: 74px;
  --focus: 2px solid var(--gold);

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --d-fast: 1ms; --d-mid: 1ms; --d-slow: 1ms; }
}