/* AgenAI Color Palette - Modern Dark Theme */
:root {
  /* Primary Brand Colors */
  --color-primary: #2970ff;        /* Azure Hero - Primary blue accent */
  --color-primary-light: #4f88ff;  /* Lighter blue */
  --color-primary-dark: #1d5ce8;   /* Darker blue */
  
  /* Secondary Brand Colors */
  --color-secondary: #f97316;      /* Sunset Punch - Orange accent */
  --color-secondary-light: #fb923c; /* Lighter orange */
  --color-secondary-dark: #ea580c;  /* Darker orange */
  
  /* Tertiary Brand Colors */
  --color-tertiary: #5eead4;       /* Cool Sky - Teal accent */
  --color-tertiary-light: #7dd3fc; /* Lighter teal */
  --color-tertiary-dark: #06b6d4;  /* Darker teal */
  
  /* Brand Gradients */
  --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-tertiary));
  --gradient-primary-hover: linear-gradient(135deg, var(--color-primary-dark), var(--color-tertiary-dark));
  --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  --gradient-brand-hover: linear-gradient(135deg, var(--color-primary-dark), var(--color-secondary-dark));
  --gradient-light: linear-gradient(135deg, var(--color-solar) 0%, #f9fafb 100%);
  --gradient-card-bg: linear-gradient(135deg, var(--color-surface) 0%, #242529 100%);
  
  /* Core Theme Colors */
  --color-background: #0e0e10;     /* Ink Graphite - Main background */
  --color-surface: #1a1b1f;       /* Steel Charcoal - Cards, surfaces */
  --color-solar: #f5f5f4;         /* Ivory Haze - Light background */
  --color-white: #f5f5f4;         /* Ivory Haze - White replacement */
  
  /* Text Colors */
  --text-primary: #f1f1f1;        /* Off-White Fog - Primary text */
  --text-secondary: #d1d5db;      /* Light gray - Secondary text */
  --text-muted: #9ca3af;          /* Carbon Fog - Muted text */
  --text-placeholder: #6b7280;    /* Darker gray - Placeholders */
  --text-disabled: #4b5563;       /* Even darker - Disabled text */
  --text-on-primary: #ffffff;     /* White text on colored backgrounds */
  --text-on-dark: #f1f1f1;        /* Light text on dark backgrounds */
  
  /* Neutral Grays */
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;      /* Carbon Fog */
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1a1b1f;      /* Steel Charcoal */
  --color-gray-900: #0e0e10;      /* Ink Graphite */
  
  /* Semantic Colors */
  --color-success: #10b981;       /* Keep green for success */
  --color-warning: #f59e0b;       /* Keep amber for warnings */
  --color-error: #d92d20;         /* Rosso - Destructive red */
  --color-info: #2970ff;          /* Azure Hero - Same as primary */
  
  /* Primary Color Alpha Variations */
  --color-primary-alpha-4: rgba(41, 112, 255, 0.04);
  --color-primary-alpha-10: rgba(41, 112, 255, 0.1);
  --color-primary-alpha-12: rgba(41, 112, 255, 0.12);
  --color-primary-alpha-15: rgba(41, 112, 255, 0.15);
  --color-primary-alpha-20: rgba(41, 112, 255, 0.2);
  --color-primary-alpha-25: rgba(41, 112, 255, 0.25);
  --color-primary-alpha-30: rgba(41, 112, 255, 0.3);
  --color-primary-alpha-35: rgba(41, 112, 255, 0.35);
  --color-primary-alpha-40: rgba(41, 112, 255, 0.4);
  
  /* Secondary Color Alpha Variations */
  --color-secondary-alpha-10: rgba(249, 115, 22, 0.1);
  --color-secondary-alpha-15: rgba(249, 115, 22, 0.15);
  --color-secondary-alpha-20: rgba(249, 115, 22, 0.2);
  --color-secondary-alpha-25: rgba(249, 115, 22, 0.25);
  --color-secondary-alpha-30: rgba(249, 115, 22, 0.3);
  --color-secondary-alpha-35: rgba(249, 115, 22, 0.35);
  --color-secondary-alpha-40: rgba(249, 115, 22, 0.4);
  
  /* Background Variations */
  --bg-card: rgba(26, 27, 31, 0.9);      /* Steel Charcoal with transparency */
  --bg-card-hover: rgba(26, 27, 31, 0.7);
  --bg-surface: var(--color-surface);     /* Steel Charcoal */
  --bg-modal-backdrop: rgba(14, 14, 16, 0.75); /* Ink Graphite backdrop */
  --bg-overlay: rgba(14, 14, 16, 0.5);
  
  /* Border Colors */
  --border-light: rgba(75, 85, 99, 0.3);  /* Dark theme borders */
  --border-medium: rgba(107, 114, 128, 0.4);
  --border-primary: rgba(41, 112, 255, 0.4);  /* Azure Hero border */
  --border-card: rgba(55, 65, 81, 0.5);
  --border-transparent: transparent;
  
  /* Shadow Definitions (Adjusted for dark theme) */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
  --shadow-primary: 0 4px 14px rgba(41, 112, 255, 0.4);
  --shadow-primary-lg: 0 8px 25px rgba(41, 112, 255, 0.3);
  --shadow-primary-xl: 0 12px 28px rgba(41, 112, 255, 0.5);
  --shadow-button: 0 6px 20px rgba(41, 112, 255, 0.45);
  --shadow-toast: 0 10px 25px rgba(0, 0, 0, 0.6);
  --shadow-modal: 0 25px 50px rgba(0, 0, 0, 0.7);
  
  /* Focus Ring */
  --focus-ring: 0 0 0 3px rgba(41, 112, 255, 0.2);
  --focus-ring-lg: 0 0 0 4px rgba(41, 112, 255, 0.2);
  
  /* Transition Timings */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.25s ease;
  
  /* Spacing Scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.25rem;
  --space-2xl: 1.5rem;
  --space-3xl: 2rem;
  
  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-full: 9999px;
}