/**
 * Variáveis globais de identidade visual do ERP R&S.
 * Todas as cores, sombras, bordas e espaçamentos devem ser centralizados aqui.
 */

:root {

  /* ===== CORES PRINCIPAIS ===== */

  --rs-primary: #f97316;
  --rs-primary-hover: #ea580c;
  --rs-primary-light: #ffedd5;

  /* ===== CORES SECUNDÁRIAS ===== */

  --rs-dark: #111827;
  --rs-dark-soft: #1f2937;

  --rs-white: #ffffff;

  --rs-background: #f3f4f6;
  --rs-surface: #ffffff;

  /* ===== TEXTO ===== */

  --rs-text: #111827;
  --rs-text-secondary: #6b7280;
  --rs-text-muted: #9ca3af;

  /* ===== STATUS ===== */

  --rs-success: #16a34a;
  --rs-success-light: #dcfce7;

  --rs-warning: #f59e0b;
  --rs-warning-light: #fef3c7;

  --rs-danger: #dc2626;
  --rs-danger-light: #fee2e2;

  --rs-info: #2563eb;
  --rs-info-light: #dbeafe;

  /* ===== BORDAS ===== */

  --rs-border: #e5e7eb;
  --rs-border-dark: #d1d5db;

  /* ===== SOMBRAS ===== */

  --rs-shadow-sm:
    0 1px 2px rgba(0, 0, 0, 0.05);

  --rs-shadow:
    0 4px 10px rgba(0, 0, 0, 0.08);

  --rs-shadow-lg:
    0 10px 25px rgba(0, 0, 0, 0.12);

  /* ===== RAIO ===== */

  --rs-radius-sm: 6px;
  --rs-radius: 10px;
  --rs-radius-lg: 16px;
  --rs-radius-xl: 24px;

  /* ===== ESPAÇAMENTOS ===== */

  --rs-space-xs: 4px;
  --rs-space-sm: 8px;
  --rs-space-md: 12px;
  --rs-space-lg: 16px;
  --rs-space-xl: 24px;
  --rs-space-xxl: 32px;

  /* ===== MENU ===== */

  --rs-sidebar-width: 260px;
  --rs-topbar-height: 64px;

  /* ===== TRANSIÇÕES ===== */

  --rs-transition-fast: 0.15s ease;
  --rs-transition: 0.25s ease;
  --rs-transition-slow: 0.4s ease;

  /* ===== Z-INDEX ===== */

  --rs-z-dropdown: 1000;
  --rs-z-modal: 2000;
  --rs-z-toast: 3000;
}