:root {
  --color-primario:         #2d3d2f;
  --color-primario-hover:   #19291b;
  --color-primario-light:   #cdddcf;
  --color-secundario:       #f3865d;
  --color-secundario-hover: #df7249;
  --color-acento:           #f3865d;
  --color-acento-hover:     #df7249;
  --color-texto:            #1c1c1c;
  --color-fondo:            #f9f9f9;

  --fuente-principal:  'Inter', system-ui, sans-serif;
  --fuente-secundaria: '', system-ui, sans-serif;

  /* Escala de grises */
  --gray-50:  #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;

  /* Estados */
  --color-success:  #16a34a;
  --color-warning:  #d97706;
  --color-danger:   #dc2626;
  --color-info:     #2563eb;
  --color-success-bg: #f0fdf4;
  --color-warning-bg: #fffbeb;
  --color-danger-bg:  #fef2f2;
  --color-info-bg:    #eff6ff;

  /* Espaciado */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Tipografía */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  30px;
  --text-3xl:  36px;

  /* Bordes y sombras */
  --radius-sm:  4px;
  --radius:     8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-full: 9999px;
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow:     0 2px 8px rgba(0,0,0,.10);
  --shadow-md:  0 4px 16px rgba(0,0,0,.12);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.14);

  /* Layout */
  --sidebar-width: 240px;
  --topbar-height: 60px;
  --container-max: 1280px;

  /* Transición global */
  --transition: 0.18s ease;
}