/* ==========================================================================
   OVERLAB DESIGN SYSTEM — TOKENS OFICIAIS (v1.1)
   Cores calibradas pelo manual do logo e referências de alto contraste
   ========================================================================== */

:root {
  /* Marca: Gradiente de Assinatura Overlab (Azul -> Água-marinha -> Verde) */
  --brand-blue: #54B8F8;
  --brand-aqua: #78F7EC;
  --brand-mint: #6BF0A6;
  --brand-green: #72FF5C;
  --brand-charcoal: #333333;
  --brand-gradient: linear-gradient(90deg, #54B8F8 0%, #78F7EC 55%, #72FF5C 100%);

  /* Neutros Dark (Dark Slate Executivo) */
  --bg-base: #161718;
  --bg-surface: #1F2022;
  --bg-elevated: #28292C;
  --border-subtle: #333333;
  --border-strong: #46484C;
  --border-focus: #78F7EC;

  /* Tipografia & Contraste */
  --text-primary: #F5F6F7;
  --text-secondary: #A3A7AD;
  --text-muted: #6E737A;
  --text-inverse: #161718;

  /* Cores Funcionais (Semáforo de Diagnóstico / Auditoria) */
  --color-critical: #FF4D4D;
  --color-warning: #FFB800;
  --color-healthy: #72FF5C;

  /* Fontes */
  --font-sans: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Geometria e Raios de Arredondamento */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Transições e Sombras */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-glow: 0 0 40px -10px rgba(120, 247, 236, 0.15);
}