/* ============================================================================
   7stock — Design System 7Link / Padrão SIGEN
   Tokens de cor, tipografia, espaçamento, raio, sombra, transição e z-index.
   ============================================================================ */

:root {
  /* ---------------------------------------------------- Cores primárias */
  --color-primary: #76C143;
  --color-primary-dark: #4d8a2a;
  --color-primary-light: #a8d56e;

  /* ------------------------------------------------------- Backgrounds */
  --bg-primary: #12161d;
  --bg-secondary: #1a1f2e;
  --bg-tertiary: #22272e;

  /* ------------------------------------------------------------- Texto */
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-tertiary: #64748b;

  /* -------------------------------------------------- Bordas/divisores */
  --border-color: #2d3748;
  --border-light: #404854;

  /* ----------------------------------------------------- Cores de status */
  --status-ok: #10b981;
  --status-alerta: #f59e0b;
  --status-critico: #ef4444;
  --status-info: #3b82f6;
  --status-unknown: #6b7280;

  /* ------------------------------------------------ Cores de componentes */
  --card-bg: #1a1f2e;
  --card-hover-bg: #22272e;
  --input-bg: rgba(118, 193, 67, 0.03);
  --input-border: #2d3748;
  --input-focus-border: #76C143;
  --overlay-bg: rgba(0, 0, 0, 0.6);

  /* Tipos de material (adaptado das cores de equipamento do SIGEN) */
  --type-network: #3B82F6;
  --type-telemetry: #EAB308;
  --type-wireless: #A855F7;
  --type-fiber: #06B6D4;
  --type-selected: #0ea5e9;

  /* ------------------------------------------------------- Tipografia */
  --font-heading: 'Rajdhani', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Courier New', monospace;

  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 24px;
  --text-3xl: 32px;

  --lh-tight: 1.2;
  --lh-normal: 1.4;
  --lh-relaxed: 1.6;

  /* -------------------------------------------------------- Espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* ------------------------------------------------------ Border radius */
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  /* ------------------------------------------------------------ Sombras */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.16);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.20);

  /* -------------------------------------------------------- Transições */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* ---------------------------------------------------------- Z-index */
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal-bg: 900;
  --z-modal: 1000;
  --z-tooltip: 1100;
  --z-toast: 1200;

  /* ------------------------------------------------------- Dimensões */
  --header-height: 60px;
  --sidebar-width: 260px;
  --mobile-nav-height: 64px;
  --touch-target: 44px; /* alvo mínimo de toque (mobile-first) */
}

/* O 7stock usa o tema escuro do SIGEN como padrão. */