/* Design tokens — valores MEDIDOS por getComputedStyle na referência (25/set/2026, 390/768/1280/1440).
   Fonte das medidas: intelligence/concorrentes/amanda-biuger-pmf-vsl2-297/auditoria-visual-2026-09-25/map-*.txt
   Nada aqui foi copiado de CSS da referência: só números medidos no navegador. */
:root {
  /* COLORS — base */
  --color-page: #000000;                 /* fundo da página e das seções escuras */
  --color-cream: #F5EDE5;                /* rgb(245,237,229): seções claras (full-bleed) e texto primário no escuro */
  --color-white: #FFFFFF;
  --color-paper: #FAF6F1;                /* rgb(250,246,241): card da oferta, tela clara dos mockups */
  /* COLORS — texto */
  --color-text-dark-muted: #BCAEA7;      /* parágrafo do hero */
  --color-text-dark-soft: #A89890;       /* textos secundários no escuro (pilar, FAQ, sub) */
  --color-text-dark-body: #DEDEDE;       /* parágrafo dos itens "incluso" */
  --color-ink: #15100F;                  /* títulos no claro */
  --color-ink-2: #2A2320;                /* parágrafo de fechamento no claro */
  --color-ink-muted: #5A504B;            /* sub no claro */
  --color-note: #6B605C;                 /* ressalva / rodapé */
  --color-aviso: #8A7D77;                /* aviso acima do botão secundário */
  --color-aviso-2: #8A807A;
  --color-offer-muted: #7A6F68;
  --color-grey-1: #8A8A8A;
  --color-grey-2: #D4D4D4;
  --color-grey-3: #737373;
  --color-chat-ink: #3D3630;
  /* COLORS — accent / CTA */
  --color-accent: #DC2626;               /* rgb(220,38,38) */
  --color-accent-dark: #9C1717;          /* rgb(156,23,23): sombra sólida do CTA, fim de gradiente */
  --color-accent-bright: #EF4444;        /* rgb(239,68,68): h3 dos itens, destaques nos mockups */
  --color-accent-a08: rgba(220,38,38,.08);
  --color-accent-a12: rgba(220,38,38,.12);
  --color-accent-a14: rgba(220,38,38,.14);
  --color-accent-a16: rgba(220,38,38,.16);
  --color-accent-a20: rgba(220,38,38,.20);
  --color-accent-a30: rgba(220,38,38,.30);
  --color-accent-a42: rgba(220,38,38,.42);
  --color-green-1: #2ECC40; --color-green-2: #22A835;   /* botão secundário (contato) */
  --color-green-3: #249433; --color-green-4: #1B7327;   /* botão "ver mais" */
  --color-chat-top: #075E54; --color-chat-bg: #E5DDD5; --color-chat-bubble: #DCF8C6; --color-chat-tick: #53BDEB;
  /* COLORS — superfícies */
  --color-surface-0: #0D0D0D;
  --color-surface-1: #171717;
  --color-surface-2: #1E1E1E;            /* card "incluso" */
  --color-screen: #101010;               /* tela dos mockups */
  --color-screen-card: #1A1A1A;
  --grad-surface: linear-gradient(180deg, var(--color-surface-0) 0%, var(--color-surface-1) 100%);
  --grad-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  --grad-accent-h: linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  --grad-green: linear-gradient(135deg, var(--color-green-1) 0%, var(--color-green-2) 100%);
  --grad-green-dark: linear-gradient(135deg, var(--color-green-3) 0%, var(--color-green-4) 100%);
  --grad-video: linear-gradient(158deg, #2A2A2A, #0D0D0D);
  /* COLORS — bordas */
  --border-hair-dark: 1px solid rgba(255,255,255,.06);
  --border-hair-dark-2: 1px solid rgba(255,255,255,.09);
  --border-hair-light: 1px solid rgba(0,0,0,.08);
  --border-dash-light: 1px dashed rgba(0,0,0,.14);

  /* TYPOGRAPHY — famílias (equivalentes livres Google Fonts, mesmos nomes medidos) */
  --font-display: 'Anton', Impact, 'Arial Narrow', sans-serif;
  --font-condensed: 'Bebas Neue', 'Anton', sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  /* escala fluida: tamanho = min(Nvw, teto) — medido 390px vs ≥768px */
  --fs-h1: min(8.4vw, 37px);      --lh-h1: 1.194;  --ls-h1: .005em;
  --fs-h2: min(6.8vw, 30px);      --lh-h2: 1.2817; --ls-h2: .01em;
  --fs-h2-card: min(5.6vw, 27px); --lh-h2-card: 1.3663;
  --fs-cta: min(4.4vw, 21px);     --lh-cta: 1.1;   --ls-cta: .02em;
  --fs-eyebrow: 13px; --ls-eyebrow: 1.6px;
  --fs-lead: 15px; --lh-lead: 1.55;
  --fs-sub: 14px;  --lh-sub: 1.55;
  --fs-small: 11px;

  /* SPACING */
  --container-width: 430px;        /* coluna única em TODAS as larguras */
  --gutter: 22px;
  --section-space: 50px;           /* padding vertical de cada seção */
  --section-space-first: 24px;
  --content-gap: 20px;             /* h2 → sub */
  --measure: 380px;                /* largura máx. de parágrafo */
  --card-pad: 16px 18px;

  /* GEOMETRY */
  --radius-cta: 6px;
  --radius-thumb: 10px;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 18px;
  --radius-2xl: 22px;
  --radius-phone: 26px;
  --shadow-cta: 0 8px 0 0 var(--color-accent-dark);
  --shadow-green: 0 8px 25px 0 rgba(46,204,64,.38);
  --shadow-card: 0 10px 24px -8px rgba(0,0,0,.5);
  --shadow-card-light: 0 10px 26px -18px rgba(0,0,0,.5);
  --shadow-offer: 0 26px 70px -22px rgba(0,0,0,.75);
  --shadow-video: 0 20px 60px -10px rgba(0,0,0,.7), 0 8px 24px -8px rgba(220,38,38,.15);
  --shadow-print: 0 6px 16px -4px rgba(0,0,0,.5);
  --shadow-phone: 0 20px 36px -16px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.06);
}