/*
  Design tokens do CliNiv — landing institucional.
  Alterar cores/tipografia globalmente deve começar (e terminar) neste arquivo.
*/
:root {
  /* Cores de marca — NivLabs (ver GUIA DE CORES NIV LABS) */
  --color-bg: #F7FBFC;
  --color-surface: #FFFFFF;
  --color-ink: #16262B;           /* texto principal, contraste alto */
  --color-ink-muted: #5A6F76;
  --color-primary: #00C3D7;       /* cor de marca oficial — logo, ícones, links, destaques */
  --color-primary-dark: #007585;  /* variante escura — texto/hover sobre --color-bg, ~5.2:1 de contraste (AA).
                                      Era #0095A6 (só 3.45:1, achado real do Lighthouse em produção — falhava
                                      em texto pequeno como os rótulos "eyebrow" das seções). */
  --color-primary-soft: #E1F7FA;  /* fundo suave em tons de marca */
  --color-cta: #F2764A;           /* coral — reservado exclusivamente pros botões de ação (contraste contra o ciano) */
  --color-cta-dark: #D9613A;
  --color-border: #DCEBEE;

  /* Feedback */
  --color-danger: #C24C3D;
  --color-danger-soft: #FBEAE6;

  /* Tipografia */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 2.875rem;

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-normal: 1.6;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Espaçamento (escala 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 6rem;
  --space-11: 8rem;

  /* Layout */
  --container-max: 1160px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Sombra leve */
  --shadow-sm: 0 1px 2px rgba(26, 36, 51, 0.06), 0 1px 1px rgba(26, 36, 51, 0.04);
  --shadow-md: 0 8px 24px rgba(26, 36, 51, 0.08), 0 2px 6px rgba(26, 36, 51, 0.04);
  --shadow-lg: 0 20px 45px rgba(26, 36, 51, 0.12), 0 6px 12px rgba(26, 36, 51, 0.05);

  /* Transições */
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur-fast: 150ms;
  --dur-base: 220ms;

  /* Header */
  --header-height: 72px;
}