/* ==========================================================================
   SPARSTUDIO // PORTAL DEMONSTRATIVO (ETAPA 2) — Design Tokens
   Fusão do DNA Spar.DEV (#07070a / Ciano / Rosa) + SparStudio (Grafite Frio / Roxo #7c5cff)
   ========================================================================== */

:root {
  /* Paleta Central — Grafite Profundo & Prancheta CAD */
  --bg: #07070a;
  --bg-elev: #0e0e14;
  --panel: #14141c;
  --panel-alt: #1b1b26;
  --cad-bg: #101015;
  --cad-grid: #1e1e28;
  --cad-grid-strong: #2a2a38;

  /* Bordas & Traços Técnicos */
  --line: #2a2a36;
  --line-strong: #454556;
  --line-bright: #cfcfdc;

  /* Texto & Tinta CAD */
  --fg: #ececf2;
  --dim: #9a9ab0;
  --muted: #5e5e74;

  /* Destaques: Roxo SparStudio + Ciano/Rosa/Amarelo Spar.DEV */
  --purple: #7c5cff;
  --purple-bright: #9d85ff;
  --purple-soft: rgba(124, 92, 255, 0.18);
  --cyan: #2ff3ff;
  --pink: #ff2fa8;
  --yellow: #f5ff3b;
  --green: #3fb97a;
  --danger: #ff3b5c;

  /* Tokens compatíveis com fundo-pontos.js e texto-tecnico.js do Hub SparStudio */
  --cor-borda-forte: #3e3e50;
  --cor-destaque: #7c5cff;
  --cor-perigo: #ff3b5c;

  /* Tipografia */
  --f-display: "Big Shoulders Stencil Display", Impact, "Arial Narrow", sans-serif;
  --f-ui: "Outfit", "Segoe UI", system-ui, sans-serif;
  --f-body: "JetBrains Mono", "Cascadia Code", "Cascadia Mono", Consolas, monospace;
  --f-pixel: "Silkscreen", "JetBrains Mono", monospace;

  /* Métricas */
  --max-w: 1160px;
  --header-h: 50px;

  color-scheme: dark;
}