/* =====================================================================
   KLYN — Design tokens (source unique de vérité)
   Blanc dominant · or = récompense (rare) · bleu nuit = moment fort
   ===================================================================== */
:root {
  /* ---- Fonds : le site respire en blanc, teinté d'un bleu très pâle ---- */
  --bg:            #ECF2FC;   /* fond principal — bleu très clair */
  --bg-alt:        #E5EEFB;   /* sections alternées — bleu clair */
  --bg-soft:       #E9EFF8;   /* cartes / encarts — bleu pâle */
  --hairline:      #DFE6F1;   /* filets de séparation 1px — bleu-gris */

  /* ---- Touche bleue (légère, fraîche) ---- */
  --blue-wash:     #F1F5FB;   /* wash de fond bleuté */
  --blue-soft:     #E3ECF8;   /* aplat doux bleu */
  --chat-blue:     #E2ECFB;   /* bulles "reçues" du chat (bleu pâle clair) */
  --blue:          #2E4D80;   /* bleu moyen — accents */
  --tg:            #2AABEE;   /* bleu Telegram — rappel dans le fond/ambiance */

  /* ---- Texte ---- */
  --ink:           #1A1A1A;   /* texte principal (jamais #000) */
  --ink-soft:      #6B6B6B;   /* secondaire, légendes */
  --ink-faint:     #9CA3AF;   /* labels, méta */

  /* ---- Couleurs ÉVÉNEMENTIELLES — usage rare = impact fort ---- */
  --night:         #0A1A3A;   /* bleu nuit — sections "récompense"/B2B */
  --night-2:       #0F2147;   /* variante bleu nuit */
  --gold:          #C9A961;   /* doré — RÉCOMPENSE : CTA, plan reco, prix validé */
  --gold-bright:   #E0C074;   /* doré clair — hovers / glows */

  /* ---- Fonctionnel ---- */
  --success:       #1F9D55;
  --focus-ring:    #0A1A3A;

  /* ---- Typographie ---- */
  --font-body:     "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-display:  "Geist", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --text-xs:       0.8125rem;  /* 13px — labels, méta */
  --text-sm:       0.9375rem;  /* 15px — secondaire */
  --text-base:     1.0625rem;  /* 17px — corps (≈ Apple) */
  --text-lg:       1.375rem;   /* 22px — chapô */
  --text-xl:       2rem;       /* 32px — sous-titres section */
  --text-2xl:      3rem;       /* 48px — titres section */
  --text-3xl:      4.5rem;     /* 72px — gros titres */
  --text-hero:     clamp(3rem, 8vw, 6.5rem); /* hero — fluide */

  --lh-tight:      1.05;       /* gros titres */
  --lh-snug:       1.1;
  --lh-body:       1.6;        /* corps aéré */
  --track-tight:   -0.03em;    /* titres */
  --track-label:   0.08em;     /* petits labels MAJ */

  /* ---- Espacement & grille (base 8) ---- */
  --space:         8px;
  --maxw:          1320px;
  --maxw-narrow:   780px;
  --gutter:        clamp(18px, 4.5vw, 64px);
  --section-y:     clamp(64px, 8vw, 128px); /* respiration verticale (resserrée) */
  --radius:        16px;
  --radius-sm:     10px;
  --radius-pill:   999px;

  /* ---- Élévation : ombres très subtiles ---- */
  --shadow-sm:     0 1px 2px rgba(10, 26, 58, .04), 0 8px 24px rgba(10, 26, 58, .06);
  --shadow-md:     0 2px 8px rgba(10, 26, 58, .06), 0 20px 50px rgba(10, 26, 58, .10);
  --shadow-gold:   0 6px 14px rgba(201, 169, 97, .25), 0 14px 40px rgba(201, 169, 97, .30);

  /* ---- Langage d'animation ---- */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);   /* révélations "Apple" */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:      200ms;
  --dur:           450ms;
  --dur-slow:      800ms;
}