/* 
 * SGI 2.0 Design Tokens (Ultima Milla Branding)
 * Colors extracted from www.ultimamilla.com.ar
 */

:root {
  /* --- Brand Colors --- */
  /* Primary Red (#DC2626 - Red 600) */
  --sgi-primary-h: 0;
  --sgi-primary-s: 72%;
  --sgi-primary-l: 51%;
  --sgi-primary: hsl(var(--sgi-primary-h), var(--sgi-primary-s), var(--sgi-primary-l));
  
  /* Primary Hover (#B91C1C - Red 700) */
  --sgi-primary-dark: hsl(0, 74%, 42%);
  
  /* Primary Light (#EF4444 - Red 500) */
  --sgi-primary-light: hsl(0, 84%, 60%);
  
  /* Accent Gradient */
  --sgi-gradient-primary: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);
  
  /* --- Neutral/Dark Colors --- */
  /* Darkest (#111827 - Gray 900) - Sidebar/Navbar */
  --sgi-dark-900: #111827;
  --sgi-dark-800: #1F2937;
  --sgi-dark-700: #374151;
  
  /* Light/Surface */
  --sgi-gray-50: #F9FAFB;
  --sgi-gray-100: #F3F4F6; /* Main Background */
  --sgi-gray-200: #E5E7EB; /* Borders */
  
  /* --- Semantic Colors --- */
  --sgi-success: #059669; /* Emerald 600 */
  --sgi-warning: #D97706; /* Amber 600 */
  --sgi-danger: #DC2626;  /* Red 600 (Same as brand) */
  --sgi-info: #2563EB;    /* Blue 600 */

  /* --- Glassmorphism --- */
  --sgi-glass-bg: rgba(255, 255, 255, 0.7);
  --sgi-glass-border: rgba(255, 255, 255, 0.5);
  --sgi-glass-blur: blur(12px);
  
  /* --- Typography --- */
  --font-family-base: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Helper Utility Classes */
.bg-sgi-gradient { background: var(--sgi-gradient-primary) !important; color: white; }
.text-sgi-primary { color: var(--sgi-primary) !important; }

/* Custom Badge Colors to match Brand */
.badge-sgi-primary { background-color: rgba(220, 38, 38, 0.1); color: #DC2626; border: 1px solid rgba(220, 38, 38, 0.2); }
.badge-sgi-dark { background-color: rgba(17, 24, 39, 0.1); color: #111827; border: 1px solid rgba(17, 24, 39, 0.2); }