/*
 * Tokens de design do site — espelhados de src/theme/ (tema "equilíbrio").
 * Fonte da verdade: src/theme/colors.ts · typography.ts · spacing.ts.
 * Se a paleta do app mudar, atualize AQUI (o site é autocontido de propósito).
 */
:root {
  /* base — papel quente */
  --paper: #fbf7f0;
  --paper-deep: #f3eadb;
  --surface: #ffffff;
  --surface-2: #fbf6ec;

  /* marca */
  --bordo: #941f39;
  --bordo-soft: rgba(148, 31, 57, 0.1);
  --bordo-hi: #a8254a; /* topo do gradiente brand */
  --bordo-lo: #7c1a30; /* base do gradiente brand */
  --oliva: #5b5f27;
  --oliva-soft: rgba(91, 95, 39, 0.12);
  --areia: #d49d65;
  --areia-inset: #f2eadc; /* colors.glass */
  --areia-strong: #e9dcc8; /* colors.glassStrong */
  --tijolo: #b23a2e;
  --tijolo-soft: rgba(178, 58, 46, 0.12);

  /* IA — EXCLUSIVO da faixa do conselheiro (regra da constituição) */
  --ai: #6e4dc7;
  --ai-soft: rgba(110, 77, 199, 0.1);
  --ai-stroke: rgba(110, 77, 199, 0.38);

  /* texto */
  --ink: #2b2620;
  --muted: #7a7066;
  --faint: #968c7e;

  /* bordas / divisores */
  --stroke: rgba(43, 38, 32, 0.1);
  --stroke-strong: rgba(43, 38, 32, 0.16);
  --line: rgba(43, 38, 32, 0.07);

  /* tipografia */
  --font-display: "Cabinet Grotesk", system-ui, sans-serif;
  --font-body: "General Sans", system-ui, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;

  /* escala fluida */
  --text-hero: clamp(2.9rem, 8.2vw, 6.4rem);
  --text-h2: clamp(2rem, 4.4vw, 3.4rem);
  --text-h3: clamp(1.25rem, 2.2vw, 1.6rem);
  --text-lead: clamp(1.06rem, 1.6vw, 1.3rem);
  --text-body: 1.045rem;
  --text-small: 0.9rem;
  --text-eyebrow: 0.82rem;

  /* layout */
  --content: 1180px;
  --gutter: clamp(20px, 4.5vw, 48px);
  --band-y: clamp(88px, 12vw, 160px);
  --radius: 22px;
  --radius-lg: 30px;

  /* sombras (cardShadow do tema equilíbrio, adaptada a web) */
  --shadow-card: 0 8px 18px rgba(74, 59, 42, 0.1);
  --shadow-lift: 0 12px 34px rgba(58, 45, 30, 0.16);
}