/* Tokens do handoff (SPA_SITE_HANDOFF.md, cap. 4) mais os derivados que o site usa. */
:root {
  --spa-cyan: #00E4FC;
  --spa-cyan-ink: #007A88;          /* ciano escurecido só para texto pequeno sobre claro (AA): 5,07:1 no branco, 4,81:1 no off-white */
  --spa-ink: #07111D;
  --spa-white: #FFFFFF;
  --spa-offwhite: #F7F9FB;
  --spa-muted: #667085;
  --spa-border: #E5EAF0;
  --spa-surface: #FFFFFF;
  --spa-dark-surface: #0A111A;
  --spa-dark-border: rgba(255,255,255,.10);
  --spa-dark-muted: rgba(255,255,255,.62);

  --spa-radius-sm: 12px;
  --spa-radius-md: 18px;
  --spa-radius-lg: 28px;
  --spa-shadow-soft: 0 18px 60px rgba(7,17,29,.10);
  --spa-shadow-card: 0 6px 24px rgba(7,17,29,.06);
  --spa-container: 1200px;
  --spa-gutter: clamp(20px, 3vw, 32px);
  --spa-secao: clamp(64px, 9vw, 144px);
  --spa-ease: cubic-bezier(.22,1,.36,1);

  --ff-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-texto: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}