/* ==========================================================================
   FOMBELIA — Design Tokens
   Palette dérivée exclusivement du logo : noir profond, blanc ivoire, or.
   ========================================================================== */

:root{
  /* ---- Couleurs de marque (extraites du logo) ---- */
  --ink:        #0B0D10;   /* noir profond du F */
  --ink-2:      #14171C;   /* anthracite, dégradés de fond */
  --ink-3:      #1C1F26;   /* anthracite clair */
  --ivory:      #FAF8F4;   /* blanc du fond du logo */
  --bone:       #F1EEE7;   /* blanc cassé, sections alternées */

  --gold:       #B8934F;   /* or du B */
  --gold-light: #D9BD82;   /* champagne, hover / glow */
  --gold-dark:  #8C6E38;   /* or profond, ombres */

  /* ---- Opacités utilitaires (texte sur fond clair / sombre) ---- */
  --ink-70:  rgba(11,13,16,0.70);
  --ink-55:  rgba(11,13,16,0.55);
  --ink-35:  rgba(11,13,16,0.35);
  --ink-12:  rgba(11,13,16,0.12);

  --ivory-75: rgba(250,248,244,0.75);
  --ivory-55: rgba(250,248,244,0.55);
  --ivory-35: rgba(250,248,244,0.35);
  --ivory-15: rgba(250,248,244,0.15);

  --gold-glow: rgba(184,147,79,0.35);

  /* ---- Ombres (cf. design system §2.6) ---- */
  --shadow-soft: 0 1px 2px rgba(11,13,16,0.04), 0 8px 24px rgba(11,13,16,0.06);
  --shadow-lift: 0 4px 8px rgba(11,13,16,0.06), 0 24px 48px rgba(11,13,16,0.12);
  --shadow-gold: 0 8px 32px rgba(184,147,79,0.18);

  /* ---- Typographie ---- */
  --font-display: 'Bodoni Moda', serif;
  --font-body: 'Manrope', sans-serif;

  /* ---- Rythme / échelle ---- */
  --container: 1400px;
  --gutter: clamp(24px, 5vw, 96px);

  /* ---- Easings signature ---- */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-soft: cubic-bezier(.4,0,.2,1);

  /* ---- Slash signature (angle exact du logo) ---- */
  --slash-angle: 21deg;
}