/* ═══════════════════════════════════════════════
   TOKENS.CSS — Design System Tokens
   OPERA OS · Catalise.me
   design-taste-frontend: VARIANCE=8 · DENSITY=8
   estética: Industrial Brutalist UI
   ═══════════════════════════════════════════════ */

:root {

  /* ─── Base (Asfalto/Off-Black Duro) ─── */
  --base:      #050505;   /* Fundo absoluto, super escuro */
  --base-2:    #0a0a0a;   /* Surface quase indistinguível */
  --base-3:    #eeeeee;   /* Hover brutal (inversão) */
  --base-4:    #111111;   /* Headers de tabela / painéis secundários */

  /* ─── Borders (Aço/Blueprint) ─── */
  --border:    #333333;   /* 1px dividers visíveis */
  --border-md: #555555;   /* bordas mais fortes */
  --border-lg: #888888;   /* borders em foco */
  --border-hard: #ffffff; /* bordas ativas/hover */

  /* ─── Text (Alto Contraste) ─── */
  --text:      #ffffff;   /* branco puro para legibilidade máxima contra preto */
  --text-2:    #cccccc;   /* texto secundário (ainda alto contraste) */
  --text-3:    #888888;   /* metadados (mono) */
  --text-4:    #050505;   /* texto invertido no hover */

  /* ─── Acid Green (Acento Utilitário) ─── */
  --acid:      #a8e840;   /* accent primário militar */
  --acid-2:    #c4f07a;   /* hover/flash do acid */
  --acid-dim:  #2f4212;   /* seleção / active dims */
  --acid-pale: rgba(168, 232, 64, 0.1);
  --acid-pale-border: rgba(168, 232, 64, 0.3);

  /* ─── Ember / Aviso (Terminal Error) ─── */
  --ember:     #ff3300;
  --ember-pale: rgba(255, 51, 0, 0.1);

  /* ─── Gold / System Warning ─── */
  --gold:      #ffcc00;

  /* ─── Tipografia — Extreme Contrast ─── */
  --font-display: 'Bebas Neue', sans-serif;
  --font-sans:    'Geist', 'Outfit', system-ui, sans-serif;
  --font-mono:    'Geist Mono', 'JetBrains Mono', monospace;

  /* ─── Espaçamento (Cockpit Mode = Denso) ─── */
  --pad-x:    clamp(1rem, 3vw, 3rem);
  --pad-y:    clamp(3rem, 6vw, 6rem);
  --pad-y-sm: clamp(1.5rem, 3vw, 3rem);
  --max-w:    1400px;
  --max-text: 800px;

  /* ─── Easings (Hard Cuts / Analog) ─── */
  --ease-expo:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-hard:    steps(1, end); /* Efeito binário de On/Off */
  --ease-glitch:  steps(3, end);

  /* ─── Durations ─── */
  --t-hard:  0ms;       /* Zero fade para estados lógicos */
  --t-fast:  120ms;     /* Quase instantâneo */
  --t-mid:   300ms;
  
  /* ─── Z-Index Sistêmico ─── */
  --z-overlay: 900;
  --z-nav:     800;
  --z-sticky:  700;
  --z-prog:    600;
}