/* ============================================================
   BADV — Tokens da identidade 2026
   Fonte: sistema "Bulgueroni Advogados" (tokens.json v1).
   Toda cor do site sai daqui; components.css não usa cor literal.
   ============================================================ */

/* Univers Next Pro servida pelo Adobe Fonts (projeto "badv.com.br", kit suy5pnf,
   conta Adobe Express Premium do BADV). O <link> está no <head> de cada página.
   Pesos no kit: 300 Light, 400 Regular, 600 Bold (a Adobe entrega o Bold como 600). */

:root {
  color-scheme: light dark;

  /* ---- Cor: tema claro ---- */
  --papel:             #FFFFFF;
  --papel-2:           #F4F4F4;
  --linha:             #D9D9D9;
  --tinta:             #000000;
  --tinta-suave:       #5C5C5C;
  --vermelho:          #D00200;
  --vermelho-vivo:     #F50300;
  --vermelho-profundo: #900000;
  --sobre-vermelho:    #FFFFFF;
  --noite:             #000000;
  --sobre-noite:       #FFFFFF;
  --sobre-noite-suave: #A6A6A6;
  --linha-noite:       #333333;
  --foco:              var(--vermelho);
  /* Véu: papel translúcido para texto sobre foto, com desfoque por trás */
  --veu:               rgba(255, 255, 255, 0.84);
  --veu-desfoque:      16px;

  /* ---- Tipografia ---- */
  --fonte: "univers-next-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --peso-leve:   300;
  --peso-normal: 400;
  --peso-forte:  600;   /* = Univers Next Pro Bold no kit da Adobe */

  /* Escala (tokens.json, em rem; os maiores se ajustam à tela) */
  --t-display:    clamp(2.75rem, 1.6rem + 4.2vw, 4.5rem);   /* 72px */
  --t-display-lh: 1.02;
  --t-titulo:     clamp(2rem, 1.45rem + 2vw, 2.75rem);      /* 44px */
  --t-titulo-lh:  1.14;
  --t-subtitulo:  clamp(1.375rem, 1.15rem + 0.8vw, 1.75rem); /* 28px */
  --t-subtitulo-lh: 1.29;
  --t-corpo:      1.25rem;   /* 20px */
  --t-corpo-lh:   1.5;
  --t-corpo-sm:   1rem;      /* 16px */
  --t-corpo-sm-lh: 1.5;
  --t-legenda:    0.8125rem; /* 13px */
  --t-legenda-lh: 1.385;
  --t-rotulo:     0.75rem;   /* 12px */
  --t-rotulo-lh:  1.333;
  --rotulo-tracking: 0.08em;

  /* ---- Espaço ---- */
  --space-1: 4px;
  --space-2: 8px;    /* espessura do fio e da barra */
  --space-3: 16px;
  --space-4: 24px;   /* fio → título */
  --space-5: 40px;   /* entre blocos */
  --space-6: 64px;   /* margem externa */
  --space-7: 96px;
  --space-8: 128px;

  /* ---- Forma ---- */
  --radius-0:     0;
  --radius-traco: 4px;
  --borda:        1px;
  --foco-largura: 2px;

  /* ---- Layout: 12 colunas, conteúdo em 8 ---- */
  --largura-max: 1312px;
  --gutter:      clamp(16px, 4vw, 64px);
  --coluna-gap:  clamp(16px, 2vw, 32px);
  --cabecalho-h: 88px;
  --cabecalho-h-compacto: 64px;

  /* ---- Movimento ---- */
  --ease:   cubic-bezier(.2, 0, 0, 1);
  --rapido: 150ms;
  --medio:  300ms;
}

/* ---- Cor: tema escuro ---- */
@media (prefers-color-scheme: dark) {
  :root {
    --papel:             #111111;
    --papel-2:           #1C1C1C;
    --linha:             #333333;
    --tinta:             #F2F2F2;
    --tinta-suave:       #A6A6A6;
    --vermelho:          #FF4A3D;
    /* vermelho-vivo e vermelho-profundo NÃO mudam: o degradê da barra é fixo (F50300 → 900000) */
    --noite:             #000000;
    --linha-noite:       #2A2A2A;
    --veu:               rgba(17, 17, 17, 0.82);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --rapido: 0ms; --medio: 0ms; }
}