/* ============================================================
   Tania Gombert — Design Tokens (single source of truth)
   Charte Anita Marquèze 2024 — rouge passion + Gloock/Ezra/Sergia
   ============================================================ */

:root {
  /* Palette — 8 hex normatifs */
  --tg-rouge:        #AC0C2E;  /* signature, accents, CTA */
  --tg-rouge-dark:   #7B0729;  /* hover, bordeaux */
  --tg-marine:       #070738;  /* titres, ink */
  --tg-creme:        #F7F4EE;  /* fond clair base (choix Tania 29/05 : blanc cassé chaud, entorse charte assumée vs #FAF3E8) */
  --tg-creme-2:      #F5ECDC;  /* variation crème */
  --tg-taupe:        #DAD4C7;  /* séparateurs, filet */
  --tg-noir:         #1A1721;  /* mode sombre, header email */
  --tg-bleu-violet:  #3B3878;  /* accents secondaires */
  --tg-gris:         #4A433C;  /* texte secondaire */

  /* Typographies */
  --tg-font-serif:   'Gloock', Georgia, 'Times New Roman', serif;
  --tg-font-sans:    'Ezra', 'Inter', -apple-system, Helvetica, sans-serif;
  --tg-font-accent:  'Sergia', 'Lora', cursive;

  /* Échelle typographique fluide */
  --tg-fs-h1:        clamp(2.2rem, 5vw, 3.6rem);
  --tg-fs-h2:        clamp(1.6rem, 3.5vw, 2.4rem);
  --tg-fs-h3:        clamp(1.2rem, 2.4vw, 1.5rem);
  --tg-fs-body:      17px;
  --tg-fs-small:     14px;
  --tg-lh-body:      1.7;
  --tg-lh-heading:   1.15;
  --tg-tracking-eyebrow: 0.18em;

  /* Espacements */
  --tg-sp-1:  8px;
  --tg-sp-2:  16px;
  --tg-sp-3:  24px;
  --tg-sp-4:  40px;
  --tg-sp-5:  64px;
  --tg-sp-6:  96px;

  /* Composants */
  --tg-cta-bg:        var(--tg-noir);
  --tg-cta-color:     var(--tg-creme);
  --tg-cta-bg-hover:  var(--tg-rouge);
  --tg-cta-radius:    2px;

  /* Filet & ombres */
  --tg-filet:        rgba(8, 8, 8, 0.10);
  --tg-shadow-soft:  0 4px 18px rgba(7, 7, 56, 0.06);
}

/* Reset léger pour utiliser les tokens depuis le HTML brut Elementor */
.tg-da-anita { color: var(--tg-marine); }
.tg-da-anita h1,
.tg-da-anita h2,
.tg-da-anita h3 { font-family: var(--tg-font-serif); color: var(--tg-marine); line-height: var(--tg-lh-heading); }
.tg-da-anita p  { font-family: var(--tg-font-sans); font-size: var(--tg-fs-body); line-height: var(--tg-lh-body); }

/* Signature #JusteTania utilitaire */
.tg-signature {
  font-family: var(--tg-font-accent);
  color: var(--tg-rouge);
  font-style: italic;
  font-size: 1.3rem;
}

/* Eyebrow standard */
.tg-eyebrow {
  font-size: 11px;
  letter-spacing: var(--tg-tracking-eyebrow);
  text-transform: uppercase;
  color: var(--tg-rouge);
  font-weight: 600;
}