/* ==========================================================================
   DESIGN TOKENS — J'ai survécu à…
   Direction : « TAVAA » (références/Site-t-shirt-2.webp) — noir chaud + or doux.
   À la conversion WooCommerce : à reprendre tel quel dans le thème enfant
   (et à exposer dans theme.json si thème bloc).
   ========================================================================== */
:root {
  /* Palette */
  --color-bg: #0f0d0a;           /* fond principal, noir brun */
  --color-bg-alt: #14110d;       /* bandes alternées */
  --color-surface: #1b1712;      /* cartes sombres, champs */
  --color-surface-hi: #231e17;   /* survol */
  --color-line: rgba(212, 176, 106, 0.18);  /* filets or */
  --color-line-strong: rgba(212, 176, 106, 0.42);
  --color-gold: #d4b06a;         /* boutons, accents */
  --color-gold-hi: #e3c383;      /* survol bouton */
  --color-gold-title: #e8d6ae;   /* titres serif */
  --color-text: #f1ebdf;         /* texte courant */
  --color-muted: #aaa191;        /* texte secondaire (AA sur --color-bg) */
  --color-cream: #ece8e0;        /* cartes produit claires */
  --color-ink: #17130e;          /* texte sur fond clair / or */
  --color-ink-muted: #5c5448;    /* secondaire sur crème (AA) */
  --color-focus: #f3d99b;
  --color-danger: #e0735f;
  --color-success: #8fbf8a;

  /* Pastilles variantes (miroir de products.json) */
  --swatch-noir: #111111;
  --swatch-rouge: #c8102e;
  --swatch-bleu-roi: #1f3fa8;
  --swatch-blanc: #f4f1ea;

  /* Typographies */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-script: "Caveat", "Segoe Script", cursive;

  /* Échelle typographique fluide (360 → 1440) */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-h2: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);
  --fs-h1: clamp(3rem, 1.6rem + 6vw, 6rem);
  --fs-script: clamp(1.35rem, 1.1rem + 1vw, 1.9rem);
  --tracking-eyebrow: 0.28em;

  /* Espacement, rayons, ombres */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --section-pad: clamp(3rem, 2rem + 4vw, 5.5rem);
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --container: 1240px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --shadow-card: 0 18px 40px -22px rgba(0, 0, 0, 0.8);

  /* Mouvement */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 220ms;

  /* Mise en page */
  --header-h: 76px;
}