/* MILLION HAIR — tokens de cor, tipografia e espaço */
:root {
  /* Cor — os 10 tokens autorizados */
  --noir: #141110;
  --ivoire: #FBF8F3;
  --ivoire-2: #F3EDE4;
  --or: #B08D57;
  --or-clair: #E6D4B4;
  --bronze: #6B4F35;
  --sable: #A99A8A;
  --ligne: #E2D9CD;
  --vert-preuve: #2F4739;
  --rouge: #7C2D2D;

  /* Tipografia */
  --display: "Cormorant Garamond", "Canela Deck", Georgia, serif;
  --texte: "Inter", "Söhne", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala fluida: mínimo (mobile) → máximo (desktop) */
  --fs-h1: clamp(36px, 8.4vw, 84px);
  --fs-h2: clamp(28px, 5.4vw, 52px);
  --fs-h3: clamp(20px, 2.6vw, 26px);
  --fs-corpo: clamp(17px, 1.6vw, 19px);
  --fs-legenda: clamp(14px, 1.4vw, 15px);

  /* Espaço — múltiplos de 8 */
  --s1: 8px;  --s2: 16px;  --s3: 24px;  --s4: 32px;
  --s5: 48px; --s6: 64px;  --s7: 88px;  --s8: 120px;
  --secao: clamp(88px, 11vw, 160px);

  --largura: 1280px;
  --calha: 24px;

  --ease: cubic-bezier(.22, 1, .36, 1);
}

/* Tablet */
@media (max-width: 900px) {
  :root {
    --calha: 22px;
    --s7: 72px;
    --s8: 96px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  :root {
    --calha: 20px;
    --fs-corpo: 17px;
    --fs-h3: 20px;
    --s6: 48px;
    --s7: 56px;
    --s8: 72px;
    --secao: 72px;
  }
}