/* ============================================================
   Trophées Sport — Design tokens
   Palette héritée du design system DCR (noir / platine / blanc cassé)
   + un accent or platiné parcimonieux (--gold) pour la thématique trophée
   ============================================================ */

:root {
  /* ─── Palette (identique DCR) ─── */
  --ink:         #121316;   /* noir profond, légèrement froid */
  --ink-90:      #181A1E;
  --ink-80:      #26282D;
  --ink-60:      #4A4C50;
  --ink-40:      #74787F;
  --ink-20:      #C4C7CC;
  --ink-10:      #D5D5D7;
  --ink-05:      #EBEAE6;
  --paper:       #F3F2EF;   /* blanc cassé */
  --paper-warm:  #EBEAE6;
  --plat:        #9A9EA6;   /* platine — sous-titres, séparateurs */
  --plat-d:      #74787F;   /* platine sombre */
  --plat-l:      #C4C7CC;   /* platine clair */
  --line:        #D5D5D7;

  /* ─── Accent Trophées Sport ─── */
  --gold:        #C9A55A;   /* or platiné — usage parcimonieux */
  --gold-soft:   rgba(201, 165, 90, 0.18);
  --gold-line:   rgba(201, 165, 90, 0.4);

  /* ─── Typographies ─── */
  --font-display: "Antonio", "Impact", sans-serif;    /* display condensé, titres */
  --font-body:    "Archivo", system-ui, sans-serif;   /* corps de texte, labels caps */
  --font-serif:   "Cormorant Garamond", Georgia, serif; /* italique éditorial pour l'histoire */

  /* ─── Échelle typo ─── */
  --fs-xs:   11px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-md:   17px;
  --fs-lg:   21px;
  --fs-xl:   26px;
  --fs-2xl:  clamp(30px, 4vw, 42px);
  --fs-3xl:  clamp(34px, 4.4vw, 58px);
  --fs-4xl:  clamp(48px, 7vw, 96px);
  --fs-hero: clamp(56px, 9vw, 140px);

  /* ─── Layout ─── */
  --container: 1240px;
  --gutter:    clamp(20px, 4vw, 56px);

  /* ─── Radius / Motion ─── */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 24px;
  --r-full: 999px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}