/* ==========================================================================
   SIAR RH — TOKENS
   Reprend la palette et les polices de l'application (src/theme.css) :
   aucune couleur ni valeur d'espacement en dur ailleurs que dans ce fichier.
   ========================================================================== */

:root {
  /* --- Palette de marque (identique à l'application) --- */
  --c-email:   #06191b; /* fond sombre, en-têtes */
  --c-fonte:   #06191b; /* encre, texte sur fond clair */
  --c-craie:   #f1ede3; /* texte sur fond sombre, fond clair */
  --c-laiton:  #e4a72b; /* accent principal — l'heure, les CTA */
  --c-bronze:  #855c29; /* accent secondaire — présence, validations */
  --c-vert:    #1f5c42; /* statut présent */
  --c-brique:  #b8443a; /* statut absent, erreurs */
  --c-ardoise: #4a6b7c; /* statut congé */
  --c-prune:   #6b4a7a; /* statut férié */
  --c-taupe:   #a89a86; /* statut repos */
  --c-blanc:   #ffffff;

  /* --- WhatsApp (couleur de marque fixe, indépendante de la palette) --- */
  --c-whatsapp:      #25d366;
  --c-whatsapp-dark: #1da851;

  /* --- Neutres dérivés (site vitrine uniquement) --- */
  --c-ink:            #101a1b;
  --c-ink-muted:      #4d5f61;
  --c-ink-soft:       #7c8c8d;
  --c-surface:        #ffffff;
  --c-surface-alt:    #f6f4ee;
  --c-surface-sunken: #ece7db;
  --c-line:           #e2ddd0;
  --c-line-strong:    #cfc8b6;

  /* --- Familles typographiques (identiques à l'application) --- */
  --f-display: "Archivo", system-ui, sans-serif;
  --f-body:    "Public Sans", system-ui, sans-serif;
  --f-mono:    ui-monospace, "SFMono-Regular", monospace;

  /* --- Échelle typographique --- */
  --t-xs:   0.78rem;
  --t-sm:   0.9rem;
  --t-base: 1rem;
  --t-lg:   1.1rem;
  --t-xl:   clamp(1.3rem, 1rem + 1.1vw, 1.6rem);
  --t-2xl:  clamp(1.6rem, 1.15rem + 1.9vw, 2.2rem);
  --t-3xl:  clamp(2.1rem, 1.4rem + 3vw, 3.1rem);
  --t-4xl:  clamp(2.6rem, 1.6rem + 4.4vw, 4.2rem);

  --w-regular:  400;
  --w-semibold: 600;
  --w-bold:     700;
  --w-black:    800;

  --lh-tight: 1.06;
  --lh-snug:  1.3;
  --lh-body:  1.6;

  --ls-display: -0.01em;
  --ls-label:   0.14em;

  /* --- Espacements --- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4.5rem;
  --s-9: 6.5rem;

  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(6, 25, 27, 0.08);
  --shadow-md: 0 6px 20px rgba(6, 25, 27, 0.10);
  --shadow-lg: 0 22px 56px rgba(6, 25, 27, 0.16);

  --container:      1160px;
  --container-text: 62ch;

  --ease:     cubic-bezier(0.32, 0.72, 0.24, 1);
  --dur-fast: 140ms;
  --dur-base: 240ms;
}