/* ============================================================
   PRESTONN — Design Tokens
   Source : brand-book.html
   ============================================================ */

:root {

  /* ── Couleurs principales ── */
  --primary:   #134074;   /* Bleu marque — CTA, liens actifs, icônes */
  --dark:      #0B2545;   /* Fond profond — hero, footer, stats */
  --light:     #FFFFFF;   /* Fond page et cards */
  --accent:    #FFD86B;   /* Highlight — badges, étoiles, labels hero */
  --secondary: #8DA9C4;   /* Bleu brume — textes secondaires, icons */

  /* ── Surfaces ── */
  --surface:   #F4F7FB;   /* Fond page général */
  --surface-2: #DCE8F4;   /* Variante froide — inputs, alternances */

  /* ── Textes ── */
  --text-1:    #0B2545;   /* Corps principal */
  --text-2:    #3A5470;   /* Descriptions, sous-titres */
  --text-3:    #8DA9C4;   /* Captions, metas, labels */

  /* ── Bordures ── */
  --border:      rgba(19, 64, 116, 0.10);    /* Sur fond clair */
  --border-dark: rgba(255, 255, 255, 0.10);  /* Sur fond sombre */

  /* ── Gradients nommés ── */
  --gradient-hero:       linear-gradient(135deg, #0B2545 0%, #1A3A6B 55%, #071B38 100%);
  --gradient-dark:       linear-gradient(135deg, #0B2545 0%, #071B38 100%);
  --gradient-primary:    linear-gradient(135deg, #134074 0%, #0B2545 100%);
  --gradient-deep-blue:  linear-gradient(135deg, #1A3A6B 0%, #0B2545 55%, #071428 100%);
  --gradient-cool:       linear-gradient(135deg, #F4F7FB 0%, #DCE8F4 100%);
  --gradient-accent-glow:linear-gradient(135deg, #0B2545 0%, #1A3A6B 50%, #FFD86B 150%);
  --gradient-avatar:     linear-gradient(135deg, #134074, #8DA9C4);

  /* ── Espacement ── */
  --gap:       2.5rem;
  --section-y: 5rem;      /* padding vertical section */

  /* ── Rayons ── */
  --radius:    16px;
  --radius-sm: 10px;
  --radius-xs: 8px;

  /* ── Ombres ── */
  --shadow-sm:  0 2px 12px rgba(11, 37, 69, 0.10);
  --shadow-md:  0 8px 32px rgba(11, 37, 69, 0.12);
  --shadow-lg:  0 16px 48px rgba(11, 37, 69, 0.14);
  --shadow-btn: 0 2px 12px rgba(11, 37, 69, 0.18);

  /* ── Typographie ── */
  --font-sans:    'Geist', sans-serif;
  --font-serif:   'Newsreader', serif;
  --font-display: 'Fraunces', serif;

  /* Scale fluid */
  --text-xs:   0.72rem;
  --text-sm:   0.82rem;
  --text-base: 0.95rem;
  --text-md:   1.05rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  clamp(2rem, 4vw, 3.2rem);
  --text-4xl:  clamp(2.4rem, 5vw, 4rem);

  /* ── Transitions ── */
  --transition:    transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
  --transition-md: transform 0.25s ease, opacity 0.25s ease;

  /* ── Nav ── */
  --nav-height: 64px;

  /* ── Z-index ── */
  --z-nav:    100;
  --z-sticky: 90;
  --z-modal:  200;
  /* ── Opacités sur fond sombre (on-dark hierarchy) ── */
  --od-h:    rgba(255,255,255,1.00);  /* H1, stats — blanc pur */
  --od-lead: rgba(255,255,255,0.85);  /* Emphase, citations */
  --od-body: rgba(255,255,255,0.65);  /* Descriptions */
  --od-meta: rgba(255,255,255,0.50);  /* Labels, body secondaire */
  --od-fine: rgba(255,255,255,0.35);  /* Métadonnées */
  --od-ui:   rgba(255,255,255,0.10);  /* Bordures, séparateurs */


}