/* ===================================================================
   SUITS v4 — Tokens, reset e fundo
   Variáveis de cor, reset global, tipografia base e textura de fundo.
   Edite aqui para mexer no DNA visual (paleta, fontes, glow).
   =================================================================== */

:root {
  --bg-deep:    #05080d;
  --bg:         #0a0f17;
  --bg-elev:    #0f1520;
  --bg-elev-2:  #131a26;
  --line:       #1d2738;
  --line-soft:  #141c2a;
  --line-hot:   #2a3a55;
  --text:       #d8e1ee;
  --text-soft:  #8a95a8;
  --text-dim:   #4a5568;
  --accent:     #00d4ff;
  --accent-dim: rgba(0, 212, 255, 0.12);
  --ok:         #4ade80;
  --warn:       #fbbf24;
  --crit:       #ef4444;
  --info:       #60a5fa;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100vh;
  overflow: hidden;
  background: var(--bg-deep);
  color: var(--text);
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-feature-settings: 'tnum', 'cv11';
  -webkit-font-smoothing: antialiased;
}

/* Glow + grade vertical/horizontal sutil no fundo */
body::before {
  content: '';
  position: fixed; inset: 0;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(0,212,255,0.04), transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(0,90,160,0.05), transparent 50%),
    linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px) 0 0/100% 24px,
    linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px) 0 0/24px 100%;
  pointer-events: none;
  z-index: 0;
}

/* Scanlines tipo CRT */
body::after {
  content: '';
  position: fixed; inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,212,255,0.012) 3px, rgba(0,212,255,0.012) 4px);
  pointer-events: none;
  z-index: 1;
}

.mono {
  font-family: 'JetBrains Mono', monospace;
  font-feature-settings: 'tnum';
}