/* ================================================================
   RU BOTTIN - TOKENS (source de vérité du FRONT)   v1.0 · 2026-06-06
   ----------------------------------------------------------------
   SEUL endroit où une couleur est écrite. Tout le reste doit dire
   var(--rub-...). Change une valeur ici → tout le front suit.
   Noms 100% compatibles avec le code existant (aucune rupture).
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=Fraunces:opsz,wght@9..144,400;9..144,500&display=swap');

:root{
  /* --- SURFACES ----------------------------------------------- */
  --rub-bg:        #FFFFFF;   /* papier / cartes */
  --rub-surface:   #FFFFFF;   /* (nom hérité = bg) */
  --rub-page:      #ECECEA;   /* fond de page */
  --rub-s2:        #F0F0F0;   /* surface douce */
  --rub-s3:        #ECEAE4;   /* surface 2 */

  /* --- ACCENT = ENCRE ----------------------------------------- */
  /* (noms hérités "gold" - gardés pour compatibilité, valeur = encre) */
  --rub-accent:        #111111;
  --rub-accent-ink:    #FFFFFF;
  --rub-ink:           #0A0A0A;   /* encre forte (boutons) */
  --rub-gold:          #111111;
  --rub-gold2:         #111111;
  --rub-gold-soft:     rgba(17,17,17,.08);
  --rub-gold-b:        rgba(17,17,17,.22);
  --rub-gold-border:   rgba(17,17,17,.22);

  /* --- TEXTE -------------------------------------------------- */
  --rub-text:      #111111;   /* texte principal */
  --rub-sub:       #444444;   /* secondaire */
  --rub-muted:     #777777;   /* tertiaire */
  --rub-dim:       #AAAAAA;   /* discret */
  --rub-text-700:  #374151;   /* gris foncé (Tailwind 700) */
  --rub-text-500:  #6B7280;   /* gris moyen (500) */
  --rub-text-400:  #9CA3AF;   /* gris clair (400) */

  /* --- BORDURES ----------------------------------------------- */
  --rub-border:        rgba(0,0,0,.08);
  --rub-border2:       rgba(0,0,0,.13);
  --rub-border-strong: rgba(0,0,0,.14);
  --rub-border-solid:  #E5E7EB;

  /* --- STATUTS (seules couleurs vives autorisées) ------------- */
  --rub-green:        #16A34A;
  --rub-green-s:      rgba(22,163,74,.08);
  --rub-green-strong: rgba(22,163,74,.25);
  --rub-green-text:   #14532D;
  --rub-green-bg:     #DCFCE7;
  --rub-red:          #DC2626;              /* danger (rouge dominant) */
  --rub-red-s:        rgba(229,57,53,.08);
  --rub-red-bg:       #FEF2F2;
  --rub-red-text:     #B91C1C;
  --rub-red-deep:     #7F1D1D;
  --rub-amber:        #D97706;
  --rub-amber-s:      #FEF3E2;
  --rub-amber-bg:     #FEF3C7;
  --rub-amber-text:   #78350F;
  --rub-amber-deep:   #7C2D12;
  --rub-blue:         #1565C0;   /* lien informatif */
  --rub-blue-s:       rgba(21,101,192,.07);

  /* --- POLICES ------------------------------------------------ */
  --rub-display:   'Fraunces', Georgia, serif;     /* grands titres */
  --rub-body:      'Archivo', system-ui, sans-serif;
  --rub-mono:      'Archivo', system-ui, sans-serif; /* (ex-mono) */
  --rub-font-sans: 'Archivo', system-ui, sans-serif;

  /* --- OMBRES & RAYONS ---------------------------------------- */
  --rub-shadow:    0 4px 24px rgba(0,0,0,.12), 0 1px 6px rgba(0,0,0,.06);
  --rub-shadow-sm: 0 1px 2px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.06);
  --rub-r:         10px;
  --rub-rsm:       7px;
  --rub-rxs:       5px;
}