/* ╔═══════════════════════════════════════════════════════════════════════╗
   ║  NOW Vida — Tokens v2 (OVERRIDE)  ·  direção Function + Liti           ║
   ║                                                                       ║
   ║  Carregar SEMPRE depois de tokens.css:                                ║
   ║    <link rel="stylesheet" href="assets/css/tokens.css">              ║
   ║    <link rel="stylesheet" href="assets/css/tokens-v2.css">           ║
   ║                                                                       ║
   ║  Só redefine COR + TIPOGRAFIA. Espaçamento/raio/escala vêm de         ║
   ║  tokens.css. Paleta: azul #0EA5E9 (confiança) + âmbar (calor/vida)    ║
   ║  sobre fundos creme (não branco gélido). Serif Fraunces protagonista. ║
   ╚═══════════════════════════════════════════════════════════════════════╝ */

/* Fraunces (display, com itálico ótico) + DM Sans (corpo) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=DM+Sans:opsz,wght@9..40,400..700&display=swap');

:root {
  /* ── Marca — azul confiança ── */
  --nv-primary:        #0EA5E9;
  --nv-primary-dark:   #0B86C2;   /* hover + itálico de destaque (passa AA sobre branco) */
  --nv-primary-soft:   #E5F6FD;   /* fundo suave (pills, selos) */

  /* ── Acento — âmbar vitalidade (o calor da marca; usar com intenção) ── */
  --nv-accent:         #F59E0B;
  --nv-accent-dark:    #D97D06;
  --nv-accent-soft:    #FEF3DC;

  /* ── Texto — tinta fria que casa com o azul ── */
  --nv-ink:            #0F2231;
  --nv-muted:          #54677A;

  /* ── Estrutura — fundos CREME (não branco), à la Function ── */
  --nv-line:           #ECE6DB;
  --nv-bg:             #FBF7F0;   /* creme quente — fundo da página */
  --nv-surface:        #F4EEE3;   /* creme mais profundo — seções alternadas */
  --nv-bg-pure:        #FFFFFF;   /* branco real (cards sobre creme) */

  /* ── Semânticos ── */
  --nv-danger:         #C0492F;
  --nv-warn:           #B7791F;

  /* ── Fundos translúcidos / overlays ── */
  --nv-bg-translucent: rgba(251, 247, 240, 0.82);
  --nv-overlay:        rgba(15, 34, 49, 0.45);

  /* ── Texto sobre escuro ── */
  --nv-on-dark:        #FBF7F0;
  --nv-on-dark-muted:  rgba(251, 247, 240, 0.72);
  --nv-dark-section:   #0C2434;   /* azul-petróleo profundo p/ seções escuras */

  /* ── Tipografia — serif display protagonista ── */
  --nv-font-display: 'Fraunces', 'Bricolage Grotesque', Georgia, serif;
  --nv-font-body:    'DM Sans', system-ui, -apple-system, sans-serif;

  /* ── Sombras — recalculadas em tinta azul-fria (não verde) ── */
  --nv-shadow-xs:   0 1px 2px rgba(15, 34, 49, 0.05);
  --nv-shadow-sm:   0 2px 8px rgba(15, 34, 49, 0.06);
  --nv-shadow-md:   0 8px 24px rgba(15, 34, 49, 0.08);
  --nv-shadow-lg:   0 16px 48px rgba(15, 34, 49, 0.10);
  --nv-shadow-xl:   0 28px 70px rgba(15, 34, 49, 0.14);
  --nv-shadow-btn:  0 6px 18px rgba(14, 165, 233, 0.30);
  --nv-shadow-btn-hover: 0 10px 26px rgba(14, 165, 233, 0.40);

  /* Anel de foco azul (WCAG 2.4.7) */
  --nv-focus-ring:  0 0 0 3px rgba(14, 165, 233, 0.40);
}

/* Títulos herdam a serif automaticamente (h1..h6 já usam --nv-font-display em tokens.css).
   Ajuste fino de peso/altura para a Fraunces (mais leve que a Bricolage). */
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  letter-spacing: -0.015em;
}