/* ==========================================================================
   GCAF — jetons de design
   Palette reprise de gcaf2026/src/styles/globals.css, mais appliquée en
   thème clair pour coller à la maquette (en-tête blanc, hero en dégradé).
   ========================================================================== */

/* Milker reste disponible : pour l'utiliser en titrage, il suffit de basculer
   --f-display sur 'Milker'. La maquette utilise un serif à fort contraste. */
@font-face {
  font-family: 'Milker';
  src: url('../fonts/Milker.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Palette de marque ------------------------------------------------ */
  --c-deep:      #3a0020;
  --c-dark:      #4a0028;
  --c-burg:      #5c0035;
  --c-mid:       #780040;
  --c-mag:       #9b0060;
  --c-mag-lt:    #c20075;

  --c-gold:      #c9a84c;
  --c-gold-lt:   #e2c06b;
  --c-gold-pale: #f0d89a;

  --c-white:     #ffffff;

  /* --- Neutres clairs, teintés de la marque ----------------------------- */
  --c-cream:     #fdf8fa;
  --c-blush:     #f9edf3;
  --c-line:      #ece0e6;

  /* --- Rôles ------------------------------------------------------------ */
  --c-bg:         var(--c-white);
  --c-bg-soft:    var(--c-cream);
  --c-surface:    var(--c-white);
  --c-ink:        #2a0018;
  --c-ink-soft:   #6f5763;
  --c-accent:     var(--c-mag);
  --c-accent-dk:  var(--c-burg);
  --c-link:       var(--c-mag);

  /* Surfaces sombres (hero, pied de page, bandeaux d'appel) */
  --c-ink-bg:     var(--c-deep);
  --c-on-dark:    var(--c-white);
  --c-on-dark-sf: rgba(255, 255, 255, 0.74);
  --c-on-dark-ln: rgba(255, 255, 255, 0.16);

  /* Dégradé signature du hero */
  --g-hero: linear-gradient(115deg,
      rgba(58, 0, 32, 0.94) 0%,
      rgba(120, 0, 64, 0.82) 42%,
      rgba(155, 0, 96, 0.68) 100%);
  --g-accent: linear-gradient(100deg, var(--c-mag) 0%, var(--c-burg) 100%);

  /* --- Typographies ----------------------------------------------------- */
  --f-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --f-body:    'Manrope', system-ui, sans-serif;
  --f-mono:    'Space Grotesk', ui-monospace, monospace;

  --t-xs:  0.8125rem;
  --t-sm:  0.9375rem;
  --t-md:  1.0625rem;
  --t-lg:  clamp(1.125rem, 1.6vw, 1.3125rem);
  --t-xl:  clamp(1.5rem,  2.6vw, 2rem);
  --t-2xl: clamp(2rem,    4vw,   2.875rem);
  --t-3xl: clamp(2.5rem,  6vw,   4.25rem);

  /* --- Gabarit ---------------------------------------------------------- */
  --nav-h:   88px;
  --wrap:    1240px;
  --px:      clamp(1.25rem, 5vw, 4rem);
  --py:      clamp(4rem, 8vw, 4rem);

  --r-sm:   8px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-full: 999px;

  --sh-sm: 0 1px 2px rgba(58, 0, 32, 0.06);
  --sh-md: 0 8px 28px rgba(58, 0, 32, 0.09);
  --sh-lg: 0 18px 48px rgba(58, 0, 32, 0.14);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  0.3s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0.01ms; }
}

/* Fonds de section — ajoutés pour donner du rythme à la page. */
:root {
  --g-tint: linear-gradient(150deg, #fdf5f9 0%, #fffdfb 55%, #fdf6f0 100%);
  --g-deep: linear-gradient(150deg, #3a0020 0%, #5c0035 55%, #780040 100%);
  --grid-line: rgba(58, 0, 32, 0.07);
  --grid-line-dark: rgba(255, 255, 255, 0.07);
  --grid-step: 64px;
}