/* tokens.css — paleta do cockpit (§7.7.1). Fonte única de estilo; nada de hex solto.
   Alinhado ao tema do site FoxModLabs: superfícies em grafite-violeta, violeta só como
   ação/identidade, e as cores de estado continuam sendo só sinal (cor = significado). */

:root {
  /* ── Fundo e superfícies ──────────────────────────────────────────
     Escada de elevação: canvas < console < console-2 < overlay.
     O painel inteiro se apoia nesses quatro degraus. */
  --canvas: #0a0614;
  --console: #140e26;
  --console-2: #1a1233;
  --overlay: #241848;
  --field: #0d0820;

  /* Vidro: gradiente sutil no lugar de cor chapada — dá profundidade aos cards */
  --glass: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008));
  --glass-hi: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015));

  /* ── Texto (inks violeta) ─────────────────────────────────────── */
  --ink: #f1eafb;
  --ink-2: #b9a6d6;
  --ink-3: #7a6791;
  --ink-off: #4a3d63;

  /* ── Bordas (tingidas de violeta) ─────────────────────────────── */
  --line-soft: rgba(157, 78, 221, 0.1);
  --line: rgba(157, 78, 221, 0.2);
  --line-strong: rgba(199, 125, 255, 0.32);
  --focus: rgba(199, 125, 255, 0.55);
  --hairline-hi: rgba(255, 255, 255, 0.12);

  /* ── Ação / identidade — violeta FoxMod Painel (única cor de ação) ── */
  --iris: #9d4edd;
  --iris-hi: #c77dff;
  --iris-wash: rgba(157, 78, 221, 0.15);
  --glow: rgba(157, 78, 221, 0.3);
  --glow-soft: rgba(157, 78, 221, 0.12);

  /* ── Estado (semânticas — cor = significado, nunca a marca) ───── */
  --pass: #2ed98b;
  --pass-wash: rgba(46, 217, 139, 0.14);
  --watch: #f2c14e;
  --watch-wash: rgba(242, 193, 78, 0.14);
  --deny: #ff5a5f;
  --deny-wash: rgba(255, 90, 95, 0.14);
  --breach: #ff3d6b;
  --breach-wash: rgba(255, 61, 107, 0.16);

  /* ── Tipografia — Space Grotesk (UI) + JetBrains Mono (máquina) ─
     Auto-hospedadas em public/fonts; nenhuma chamada externa. */
  --font-ui: "Space Grotesk", system-ui, -apple-system, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* ── FoxMod Painel — identidade violeta das telas de auth (§7.7 / §3.3) ── */
  --brand: #9d4edd;
  --brand-hi: #c77dff;
  --brand-wash: rgba(157, 78, 221, 0.15);
  --fg-canvas: #0a0614;
  --fg-glass: rgba(20, 12, 38, 0.55);
  --fg-glass-2: rgba(28, 16, 52, 0.6);
  --fg-line: rgba(157, 78, 221, 0.2);
  --fg-line-strong: rgba(199, 125, 255, 0.35);
  --fg-ink: #f1eafb;
  --fg-ink-2: #b9a6d6;
  --fg-ink-3: #7a6791;
  --fg-pass: #2ed98b;
  --fg-watch: #f2c14e;
  --fg-deny: #ff5a5f;
  --fg-focus: rgba(199, 125, 255, 0.55);
  --font-display: "Space Grotesk", system-ui, -apple-system, Arial, sans-serif;
  --font-jbmono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* ── Escala (base 13, razão ~1.2) ─────────────────────────────── */
  --fs-meta: 11px;
  --fs-body-sm: 12px;
  --fs-body: 13px;
  --fs-h4: 15px;
  --fs-h3: 17px;
  --fs-h2: 20px;
  --fs-h1: 24px;
  --fs-metric: 30px;

  /* ── Densidade (múltiplos de 4px) ─────────────────────────────── */
  --ctrl-h: 34px;
  --row-h: 40px;
  --card-pad: 16px;
  --gap: 24px;
  --radius-field: 8px;
  --radius-card: 12px;
  --radius-modal: 14px;
  --navrail-w: 236px;
  --navrail-w-min: 64px;

  /* ── Movimento: uma curva e três durações, como no site ───────── */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 140ms;
  --t: 220ms;
  --t-slow: 360ms;

  /* ── Elevação ─────────────────────────────────────────────────── */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 28px rgba(0, 0, 0, 0.28);
  --shadow-pop: 0 2px 6px rgba(0, 0, 0, 0.4), 0 24px 64px rgba(0, 0, 0, 0.55);

  font-family: var(--font-ui);
  background: var(--canvas);
  color: var(--ink);
  color-scheme: dark;
}