/* =========================================================================
   LeadStalker — design tokens
   Extraído de lead-stalker-website (src/styles/global.css) para reuso no app.
   ========================================================================= */

:root {
  /* superfícies */
  --void: #0b0d10;
  --panel: #15181d;
  --panel-alt: #0e1116;
  --line: #262c35;
  --line-soft: #1c2128;
  --line-strong: #333b45;

  /* texto */
  --bone: #f5f3ee;
  --text: #f5f3ee;
  --text-2: #a8aeb6;
  --text-3: #8a9099;
  --text-on-light: #0b0d10;
  --text-on-light-2: #4a5058;

  /* card claro sobre página escura (ex: login) */
  --card-bg: #fcfcfb;
  --card-border: #e3e1da;
  --danger: #c0362c;

  /* acento */
  --signal: #c6f24e;
  --signal-hover: #a8d92f;
  --signal-deep: #5f8a0c;
  --signal-bg: #1e2a10;
  --signal-line: #3c5116;
  --signal-text-soft: #a8c25e;

  /* tipografia */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* layout */
  --container: 1160px;
  --gutter: 140px;
  --radius: 12px;
  --radius-sm: 6px;
}

/*
  Regra de uso: --signal (#C6F24E) só funciona como texto sobre fundo escuro.
  Sobre fundo claro, usar --signal-deep.

  Tipografia: Inter (400/500/600/700) para texto geral e títulos; IBM Plex
  Mono (500) para métricas, IDs e labels. Inter é auto-hospedada em
  /public/fonts/inter (ver styles/fonts.css) — nenhuma requisição externa.
*/