/* ==========================================================================
   MAIS FIBRA — Design Tokens (Dark NOC Professional Theme)
   ========================================================================== */

:root {
  /* Cores de Fundo (Superfícies) */
  --bg-root: #0A0E13;
  --bg-surface: #0F1419;
  --bg-map: #0B1015;
  --bg-map-grid: #1A2029;
  --bg-card: #0A0E13;
  --bg-card-hover: rgba(255, 255, 255, 0.02);
  --bg-input: #0A0E13;

  /* Bordas */
  --border-default: #1F2937;
  --border-hover: #374151;
  --border-focus: #38BDF8;

  /* Tipografia & Cores de Texto */
  --text-primary: #F3F4F6;
  --text-secondary: #D1D5DB;
  --text-tertiary: #9CA3AF;
  --text-muted: #6B7280;
  --text-disabled: #4B5563;

  /* Accent & Ações (Azul Técnico) */
  --accent-blue: #38BDF8;
  --accent-blue-subtle: rgba(56, 189, 248, 0.08);
  --accent-blue-hover: rgba(56, 189, 248, 0.15);
  --accent-blue-solid-hover: #0ea5e9;

  /* Indicadores de Saúde / Telemetria */
  --health-green: #22C55E;
  --health-green-subtle: rgba(34, 197, 94, 0.15);
  --health-yellow: #EAB308;
  --health-yellow-subtle: rgba(234, 179, 8, 0.15);
  --health-red: #EF4444;
  --health-red-subtle: rgba(239, 68, 68, 0.15);

  /* Camadas e Tipos de Elementos */
  --layer-pop: #38BDF8;
  --layer-olt: #F97316;
  --layer-ceo: #F59E0B;
  --layer-cto: #22C55E;
  --layer-cable-primary: #06B6D4;
  --layer-cable-sec: #0284C7;
  --layer-client: #D946EF;
  --layer-pole: #EAB308;
  --layer-duct: #64748B;

  /* Fontes */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Transições (Rigorosamente ease-out, sem bounce) */
  --transition-fast: 150ms cubic-bezier(0, 0, 0.2, 1);
  --transition-normal: 200ms cubic-bezier(0, 0, 0.2, 1);

  /* Dimensões Fixas da Arquitetura */
  --topbar-height: 64px;
  --sidebar-width: 300px;
  --drawer-width: 380px;
  --settings-sidebar-width: 260px;
  --statusbar-height: 28px;
}