/* Design tokens — extraídos do CSS de produção de laisachimello.com.br.
   DESIGN.md é normativo: qualquer divergência aqui é bug. */

@font-face {
  font-family: "Cyntho Next";
  src: url("../fonts/CynthoNext-Light.woff2") format("woff2"),
       url("../fonts/CynthoNext-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cyntho Next";
  src: url("../fonts/CynthoNext-SemiBold.woff2") format("woff2"),
       url("../fonts/CynthoNext-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cyntho Next";
  src: url("../fonts/CynthoNext-Bold.woff2") format("woff2"),
       url("../fonts/CynthoNext-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Cor */
  --gold: #eab17b;
  --cream-soft: #ffe6cf;
  --cream-bg: #faf2eb;
  --taupe: #b4967c;
  /* Taupe fechado o bastante para carregar texto branco em AA (4.51:1).
     O #b4967c herdado do site original dá 2.77:1 e só serve para superfície sem texto. */
  --taupe-text: #8a725f;
  --brown-mid: #9b7c60;
  --brown-warm: #78593d;
  --brown-ink: #4a3a28;
  --brown-deep: #402c1f;
  --sand-line: #e0d1c4;
  --sand-tint: #cba87f10;
  --glass-dark: rgba(21, 10, 3, 0.45);
  --glass-deep: rgba(38, 25, 17, 0.75);
  --glass-border: #faf2eb70;
  --whats-green: #23d96e;
  --white: #ffffff;

  /* Gradiente de marca — paradas literais, não recriar */
  --grad-gold: linear-gradient(95deg, #eab17b -2.43%, #ffe6cf 61.35%, #eab17b 115.99%);

  /* Tipografia */
  --font: "Cyntho Next", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fw-light: 300;
  --fw-semi: 600;
  --fw-bold: 700;

  --fs-display: clamp(1.9rem, 4.5vw, 2.9rem);
  --fs-headline: clamp(2.4rem, 6vw, 3.9rem);
  --fs-title: clamp(1.15rem, 2vw, 1.7rem);
  --fs-body: clamp(1rem, 1.3vw, 1.125rem);
  --fs-label: 0.875rem;

  --lh-headline: 1.16;
  --lh-display: 1.2;
  --lh-title: 1.3;
  --lh-body: 1.39;

  /* Tracking fechado — nunca positivo em texto grande */
  --track-display: -0.9px;
  --track-headline: -0.48px;

  /* Forma */
  --r-sm: 9px;
  --r-md: 16px;
  --r-lg: 30px;
  --r-xl: 32px;
  --r-pill: 55px;
  --border-glass: solid 0.887px var(--glass-border);

  /* Espaçamento — três degraus curtos, sem intermediário */
  --gap-xs: 14px;
  --gap-sm: 20px;
  --gap-md: 26px;
  --space-block: 48px;
  --space-section: 80px;

  /* Container. --gutter é a folga lateral TOTAL (soma dos dois lados). */
  --w-max: 1400px;
  --w-content: 1216px;
  --w-reading: 924px;
  --gutter: 2rem;

  /* Profundidade */
  --glow-gold: 1.789px 1.789px 35.159px 0 rgba(222, 190, 115, 0.42);
  --halo-light: 0 0 30px 20px #ffffffaa;
  --shadow-settle: 0 4px 2px 0 rgba(0, 0, 0, 0.2);
  --blur-glass: blur(10px);

  /* Movimento */
  --t-color: color 0.3s;
  --t-reveal: opacity 0.6s ease-out, transform 0.6s ease-out;
}