/* ==========================================================================
   Netnic Helpdesk - Design Tokens
   Paleta e identidade visual alinhada ao padrovisualnetnic.md
   ========================================================================== */

:root {
  /* --- Cores principais (Netnic) --- */
  --netnic-primary: #0056b3;
  --netnic-primary-hover: #004494;
  --netnic-primary-light: rgba(0, 86, 179, 0.1);
  --netnic-accent: #00a8cc;
  --netnic-accent-hover: #008fb3;

  /* --- Cores de fundo --- */
  --netnic-body-bg: #f5f7fa;
  --netnic-card-bg: #ffffff;
  --netnic-dark-bg: #0d1117;

  /* --- Cores de texto --- */
  --netnic-text: #212529;
  --netnic-text-muted: #6c757d;
  --netnic-text-light: #adb5bd;

  /* --- Estados semânticos --- */
  --netnic-success: #198754;
  --netnic-warning: #ffc107;
  --netnic-danger: #dc3545;
  --netnic-info: #0dcaf0;

  /* --- Bordas --- */
  --netnic-border-radius: 0.5rem;
  --netnic-border-radius-lg: 0.75rem;
  --netnic-border-radius-xl: 1rem;
  --netnic-border-color: rgba(0, 0, 0, 0.08);
  --netnic-border-color-strong: rgba(0, 0, 0, 0.12);

  /* --- Sombras (y=2-6px, blur=4-12px, opacidade 15-25%) --- */
  --netnic-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
  --netnic-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  --netnic-shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.12);
  --netnic-shadow-primary: 0 4px 12px rgba(0, 86, 179, 0.25);
  --netnic-shadow-primary-hover: 0 6px 16px rgba(0, 86, 179, 0.3);

  /* --- Espaçamento --- */
  --netnic-spacing-xs: 0.25rem;
  --netnic-spacing-sm: 0.5rem;
  --netnic-spacing-md: 1rem;
  --netnic-spacing-lg: 1.5rem;
  --netnic-spacing-xl: 2rem;

  /* --- Navbar --- */
  --netnic-navbar-height: 3.5rem;
  --netnic-navbar-bg: var(--netnic-primary);
  --netnic-navbar-text: #ffffff;

  /* --- Tipografia --- */
  --netnic-font-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --netnic-font-size-xs: 0.75rem;
  --netnic-font-size-sm: 0.875rem;
  --netnic-font-size-base: 1rem;
  --netnic-font-size-lg: 1.125rem;
  --netnic-font-size-xl: 1.25rem;
  --netnic-font-weight-medium: 500;
  --netnic-font-weight-semibold: 600;
  --netnic-font-weight-bold: 700;

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

  /* --- Sidebar --- */
  --netnic-sidebar-width: 260px;
  --netnic-sidebar-section-label: #8e99a9;
  --netnic-sidebar-icon-size: 1.75rem;

  /* --- Avatar --- */
  --netnic-avatar-size: 2rem;
  --netnic-avatar-bg: rgba(255, 255, 255, 0.18);
  --netnic-avatar-border: rgba(255, 255, 255, 0.4);

  /* --- KPI Cards --- */
  --netnic-kpi-number-size: 2rem;
  --netnic-stat-border-primary: var(--netnic-primary);
  --netnic-stat-border-warning: #f59e0b;
  --netnic-stat-border-success: var(--netnic-success);
}