/* ============================================================================
   THÈME CLIENT — [data-theme="gourmandice-drip"]  ·  HUMEUR « POP » (A)
   ----------------------------------------------------------------------------
   Re-skin du Studio Kit aux couleurs DU LOGO de La Gourmand'ice, poussé vers le
   POP joyeux et gourmand : ROSE/MAGENTA partout, couleurs vives et acidulées,
   énergie, fun assumé. La retenue vient des grands aplats CRÈME ROSÉE et de
   l'espace — jamais de l'enfantin. On ne touche QUE des tokens (surcharge de
   tokens.css), jamais le markup. Changer une valeur ici re-colore tout le site.

   Palette POP (logo + amplification rose, version « 20 ans » assumée) :
     crème rosée #FCEEF2  (fond de page — base acidulée, plus le crème neutre)
     corail VIF  #F58BA8  (surface de marque CTA-band — porte du TEXTE CACAO)
     magenta VIF #E5398A  (DÉCOR partout : drips, marquee, pois, séparateurs)
     magenta CTA #C81E6E  (fond des boutons + texte accent — blanc/AA garantis)
     cacao       #3B2A23  (texte) / cacao profond #2A1B14 (bande sombre)
     vanille     #F3D9A4  (touches chaudes, soulignés sur sombre)

   Contrastes vérifiés WCAG AA (ratios calculés au build) :
     - CTA primaire = #C81E6E + blanc                 → 5,43 (AA)
     - accent-text  = #C81E6E sur crème rosée #FCEEF2  → 4,82 (AA)
     - accent-text  = #C81E6E sur sunken rosé #F7E6EC  → 4,52 (AA limite OK)
     - corail VIF #F58BA8 : TEXTE CACAO                → 7,22 (large)
     - texte-muted #6B5347 sur crème rosée             → 6,32 (AA)
     - bande sombre cacao : crème 15,0 · vanille 12,1 · rose clair #FF8FB8 7,8
   ============================================================================ */

[data-theme="gourmandice-drip"] {
  color-scheme: light;

  /* — Surfaces (crème ROSÉE acidulée : le POP commence par le fond) — */
  --surface-page:   #FBEAF0;   /* crème rosée franche — base pop de toute la page */
  --surface-raised: #FFFFFF;   /* cartes / panneaux (lait) */
  --surface-sunken: #F7E6EC;   /* bande en creux, un cran plus rose (accent-text AA) */
  --surface-invert: #2A1B14;   /* bande sombre ponctuelle = cacao profond */

  /* Surface corail = surface de marque (décor), pilotée par les sections via
     .cta-band. Poussée VIF en POP — porte du TEXTE CACAO (jamais du blanc). */
  --surface-corail: #F58BA8;

  /* — Texte — */
  --text-strong:        #2A1B14;   /* cacao profond */
  --text-default:       #3B2A23;   /* cacao */
  --text-muted:         #6B5347;
  /* dimmed foncé pour AA sur carte BLANCHE (origines, notes mono, sources avis) :
     #71604F ≈ 5,3:1 sur #FFFFFF / ≈ 4,9:1 sur crème rosée. */
  --text-dimmed:        #71604F;
  --text-disabled:      #9A8978;
  --text-on-invert:        #FBF3E4;   /* crème sur cacao */
  --text-on-invert-muted:  #E7C2A8;
  --text-on-accent:        #FFFFFF;   /* blanc sur magenta profond (AA) */

  /* — Accent — */
  --accent:        #C81E6E;   /* magenta PROFOND : fond des CTA (blanc lisible) */
  --accent-strong: #A8155A;   /* hover CTA (plus foncé encore) */
  --accent-text:   #C81E6E;   /* accent pour le TEXTE sur crème rosée (AA) */

  /* Magenta VIF du logo « 20 ans » : DÉCOR partout (drips, marquee, pois,
     séparateurs, étoiles). Jamais utilisé comme texte sur clair (échoue l'AA). */
  --brand-magenta: #E5398A;
  --brand-corail:  #F58BA8;
  --brand-vanille: #F3D9A4;

  /* Dérivés d'accent POUSSÉS pour le POP : les voiles/halos rose sont plus
     présents (aplats acidulés) sans toucher au texte. Recalculés par thème. */
  --accent-soft:  color-mix(in srgb, var(--accent) 16%, var(--surface-page));
  --accent-tint:  color-mix(in srgb, var(--accent) 34%, transparent);
  --accent-faint: color-mix(in srgb, var(--accent) 13%, transparent);

  /* — Bordures — */
  --border:        color-mix(in srgb, var(--text-strong) 14%, transparent);
  --border-strong: color-mix(in srgb, var(--text-strong) 26%, transparent);
  --border-invert: color-mix(in srgb, #ffffff 18%, transparent);

  /* — Polices (libres OFL, auto-hébergées) — */
  --font-display: "Clash Display", "Hanken Grotesk", system-ui, sans-serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono:    "Hanken Grotesk", ui-monospace, SFMono-Regular, monospace;
  --font-variable: var(--font-display);

  /* Clash Display est ronde et large → on serre un peu la chasse des titres. */
  --tracking-display: -0.02em;
  --tracking-tight:   -0.015em;

  /* — Rayons généreux (formes rondes franches, demande DRIP) — */
  --radius-md:   18px;
  --radius-lg:   26px;

  /* — Focus visible : sur crème, le magenta profond porte bien. — */
  --focus-ring: var(--accent);

  /* — Ombres légèrement teintées chaud (au lieu du noir froid du kit). — */
  --shadow-sm: 0 1px 2px rgba(42,27,20,.06), 0 2px 8px rgba(42,27,20,.05);
  --shadow-md: 0 8px 22px rgba(42,27,20,.10), 0 3px 10px rgba(42,27,20,.06);
  --shadow-lg: 0 28px 64px -24px rgba(42,27,20,.30), 0 12px 28px -16px rgba(42,27,20,.16);
}