/* Nascefil — design tokens
   Paleta do briefing (seção 3.4). Tons marcados "texto" foram checados para contraste AA
   sobre marfim/branco; esmeralda claro e dourado ficam para elementos grandes ou decorativos. */
:root {
  /* marca */
  --emerald: #00a67e;          /* decorativo, fundos, títulos grandes sobre escuro */
  --emerald-dark: #006f59;     /* texto, botões, links (AA sobre marfim) */
  --emerald-deep: #00584a;     /* hover de botão */
  --forest: #173c32;           /* seções escuras */
  --forest-2: #1e4a3e;
  --olive: #5e6f3d;
  --gold: #a58a4a;             /* filetes, detalhes, títulos grandes */
  --gold-text: #7d6630;        /* dourado com contraste AA para texto pequeno */
  --sand: #d8c8af;
  --ivory: #f6f4ee;
  --ivory-2: #efebe1;
  --white: #ffffff;
  --ink: #171d1b;
  --gray: #5c6663;             /* texto secundário (AA sobre marfim) */
  --border: rgba(23, 60, 50, 0.14);
  --border-strong: rgba(23, 60, 50, 0.28);
  --on-dark: #f6f4ee;
  --on-dark-muted: rgba(246, 244, 238, 0.74);

  /* tipografia */
  --font-serif: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-sans: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  --fs-display: clamp(2.7rem, 1.6rem + 4.6vw, 5.6rem);
  --fs-h2: clamp(2.1rem, 1.5rem + 2.6vw, 3.7rem);
  --fs-h3: clamp(1.35rem, 1.15rem + 0.8vw, 1.8rem);
  --fs-lead: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-eyebrow: 0.78rem;

  /* espaço e layout */
  --container: 1280px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-y: clamp(72px, 9vw, 140px);
  --radius-sm: 6px;
  --radius: 14px;
  --radius-lg: 24px;
  --shadow-soft: 0 1px 2px rgba(23, 60, 50, 0.05), 0 12px 32px -12px rgba(23, 60, 50, 0.16);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --header-h: 76px;
}