/* ============================================================
   TZO — Design tokens
   Paleta sóbria: fundo claro, tinta grafite-azulada, um único
   azul institucional como acento. Sem neon, sem glow.
   ============================================================ */

:root {
  /* Superfícies */
  --bg-page: #ffffff;
  --bg-subtle: #f5f7fa;
  --bg-surface: #ffffff;
  --bg-inverse: #0e1726;
  --bg-inverse-subtle: #162134;

  /* Tinta */
  --text-strong: #0e1726;
  --text-base: #33415c;
  --text-muted: #64748b;
  --text-on-inverse: #eef2f7;
  --text-on-inverse-muted: #9fb0c6;

  /* Acento institucional */
  --accent: #1657d0;
  --accent-hover: #1146ac;
  --accent-soft: #eaf1fd;
  --accent-border: #c3d7f8;

  /* Bordas e divisores */
  --border: #e3e8ef;
  --border-strong: #cbd5e1;
  --border-inverse: rgba(255, 255, 255, 0.12);

  /* Feedback */
  --danger: #b42318;

  /* Espaçamento — sempre múltiplo de 4 */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Tipografia
     A escala é desenhada para que título e texto nunca empatem em tamanho.
     Três sinais empilhados separam um do outro: PESO (800/700 no título,
     400 no corpo), TRACKING (negativo no título, neutro no corpo) e COR
     (--text-strong no título, --text-muted no corpo). Rótulo é caixa alta
     com tracking positivo — nunca é confundido com título. */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-label: 0.8125rem;  /* 13px — eyebrow, tag, label */
  --text-sm: 0.9375rem;     /* 15px — texto de apoio dentro de cartão */
  --text-md: 1rem;          /* 16px — corpo */
  --text-lead: 1.0625rem;   /* 17px — linha de apoio da seção */
  --text-h4: 1.0625rem;     /* 17px */
  --text-h3: 1.25rem;       /* 20px */
  --text-h2: 2rem;          /* 32px */
  --text-h1: 2.5rem;        /* 40px */

  /* Compatibilidade com usos pontuais (números, ícones de texto) */
  --text-xs: 0.75rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: var(--text-h2);
  --text-4xl: 3rem;
  --text-5xl: 3.75rem;

  /* Peso — o degrau mais forte entre título e corpo */
  --weight-display: 800;
  --weight-title: 700;
  --weight-subtitle: 600;
  --weight-body: 400;

  /* Tracking — negativo aperta o título, positivo abre o rótulo */
  --tracking-display: -0.035em;
  --tracking-title: -0.02em;
  --tracking-subtitle: -0.01em;
  --tracking-body: 0;
  --tracking-label: 0.13em;

  --leading-display: 1.06;
  --leading-tight: 1.18;
  --leading-snug: 1.32;
  --leading-normal: 1.65;

  /* Alvo mínimo de toque (Apple HIG / Material) */
  --tap-min: 44px;

  /* Raio */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Elevação — discreta por definição */
  --shadow-sm: 0 1px 2px rgba(14, 23, 38, 0.06);
  --shadow-md: 0 4px 16px rgba(14, 23, 38, 0.07);
  --shadow-lg: 0 12px 32px rgba(14, 23, 38, 0.10);

  /* Movimento */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 180ms var(--ease);

  /* Camadas */
  --z-nav: 100;
  --z-overlay: 200;

  /* Largura de leitura — vale só para texto corrido */
  --measure: 68ch;
}