/* ============================================================
   DEEPWAVE — DESIGN TOKENS
   Fonte única de cores, tipografia, espaçamento e layout.
   Documentação: docs/design-system.md
   ============================================================ */

:root {
  /* Paleta — Terminal Dark (handoff §2) */
  --color-bg:        #0a0e0d; /* fundo principal */
  --color-bg-deep:   #070a09; /* painéis de terminal / seção FraudTalon */
  --color-surface:   #0c1210; /* cards (serviços, blog) */
  --color-accent:    #9eff00; /* verde-lima */
  --color-text:      #e6ece8; /* texto principal */
  --color-text-muted:#9fb0a6; /* parágrafos */
  --color-text-dim:  #8a9991; /* secundário / terminal */
  --color-text-faint:#5b6b63; /* labels de seção, metadados */
  --color-text-ghost:#3a463f; /* rodapé, microcópia */
  --color-line:      #161d1a; /* divisórias finas */
  --color-line-2:    #1b2420; /* bordas de cards */
  --color-line-3:    #2a342f; /* bordas de botão secundário / chips */
  --color-gridline:  #0f1513; /* linhas da grade do hero */
  --color-warn:      #ffb84d; /* estado "risco" */
  --color-crit:      #ff6b6b; /* estado "crítico" */

  /* Aliases de compatibilidade (páginas internas usam estes nomes) */
  --color-surface-1:      var(--color-surface);
  --color-surface-2:      var(--color-bg-deep);
  --color-border-green:   var(--color-line-2);
  --color-border-neutral: var(--color-line-3);
  --color-alert:          var(--color-warn);
  --color-text-primary:   var(--color-text);
  --color-text-secondary: var(--color-text-muted);

  /* Tipografia */
  --font-display: 'Schibsted Grotesk', system-ui, sans-serif;
  --font-body:    'Hanken Grotesk', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* Espaçamento */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* Layout */
  --container-max: 1200px;
  --nav-height:    64px;

  /* Bordas */
  --border-subtle: 0.5px solid var(--color-border-neutral);
  --border-green:  1px solid var(--color-border-green);

  /* Transições */
  --transition-base: 0.2s ease;
}