/**
 * DoYouSicily B2B - Theme Colors (Basato su Logo Ufficiale)
 * Palette estratta da mselogo.png
 * Colori principali: Indigo Elettrico (#4F46E5) + Blu Scuro (#110F25)
 */

:root {
  /* === COLORI PRIMARI (dal logo) - Scala completa === */
  --color-primary-50: #EEF2FF;      /* Indigo molto chiaro - backgrounds */
  --color-primary-100: #E0E7FF;     /* Indigo chiaro - hover states */
  --color-primary-200: #C7D2FE;     /* Indigo light */
  --color-primary-300: #A5B4FC;     /* Indigo pastello */
  --color-primary-400: #818CF8;     /* Indigo molto chiaro */
  --color-primary-500: #6366F1;     /* Indigo chiaro */
  --color-primary-600: #4F46E5;     /* Indigo elettrico - principale */
  --color-primary-700: #4338CA;     /* Indigo scuro */
  --color-primary-800: #3730A3;     /* Indigo molto scuro */
  --color-primary-900: #312E81;     /* Indigo scurissimo */
  
  /* === COLORI SECONDARI (dal logo) === */
  --color-secondary-600: #110F25;   /* Blu scuro logo */
  --color-secondary-700: #0A0A15;   /* Blu scurissimo */
  --color-secondary-500: #1E1B3A;   /* Blu medio */
  --color-secondary-400: #363637;   /* Grigio antracite */
  
  /* === ACCENT (Viola) - Scala completa === */
  --color-accent-50: #FAF5FF;
  --color-accent-100: #F3E8FF;
  --color-accent-200: #E9D5FF;
  --color-accent-300: #D8B4FE;
  --color-accent-400: #C084FC;
  --color-accent-500: #A855F7;
  --color-accent-600: #7C3AED;      /* Viola principale */
  --color-accent-700: #6D28D9;
  --color-accent-800: #5B21B6;
  --color-accent-900: #4C1D95;
  
  /* === SEMANTICI === */
  --color-success: #10B981;
  --color-success-light: #D1FAE5;
  --color-success-dark: #047857;
  
  --color-warning: #F59E0B;
  --color-warning-light: #FEF3C7;
  --color-warning-dark: #D97706;
  
  --color-danger: #EF4444;
  --color-danger-light: #FEE2E2;
  --color-danger-dark: #DC2626;
  
  --color-info: #3B82F6;
  --color-info-light: #DBEAFE;
  --color-info-dark: #1D4ED8;
  
  /* === NEUTRALS (Grigi) === */
  --color-neutral-50: #F9FAFB;
  --color-neutral-100: #F3F4F6;
  --color-neutral-200: #E5E7EB;
  --color-neutral-300: #D1D5DB;
  --color-neutral-400: #9CA3AF;
  --color-neutral-500: #6B7280;
  --color-neutral-600: #4B5563;
  --color-neutral-700: #374151;
  --color-neutral-800: #1F2937;
  --color-neutral-900: #111827;
  
  /* === BACKGROUNDS === */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F9FAFB;
  --bg-tertiary: #F3F4F6;
  --bg-dark: #110F25;               /* Dal logo */
  
  /* === TEXT === */
  --text-primary: #111827;
  --text-secondary: #6B7280;
  --text-muted: #9CA3AF;
  --text-light: #F9FAFB;
  
  /* === BORDERS === */
  --border-color: #E5E7EB;
  --border-color-dark: #D1D5DB;
  --border-color-light: #F3F4F6;
  
  /* === GRADIENTS === */
  --gradient-primary: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
  --gradient-secondary: linear-gradient(135deg, #110F25 0%, #1E1B3A 100%);
  --gradient-hero: linear-gradient(135deg, #4F46E5 0%, #6366F1 50%, #7C3AED 100%);
  --gradient-subtle: linear-gradient(135deg, #EEF2FF 0%, #FAF5FF 100%);
  
  /* === OVERLAY COLORS (per glassmorphism) === */
  --overlay-light: rgba(255, 255, 255, 0.8);
  --overlay-medium: rgba(255, 255, 255, 0.6);
  --overlay-dark: rgba(0, 0, 0, 0.5);
  --overlay-primary: rgba(79, 70, 229, 0.1);
  --overlay-accent: rgba(124, 58, 237, 0.1);
  
  /* === SHADOWS ELEVATI === */
  --shadow-xs: 0 1px 2px 0 rgba(79, 70, 229, 0.03);
  --shadow-sm: 0 1px 3px 0 rgba(79, 70, 229, 0.05), 0 1px 2px 0 rgba(79, 70, 229, 0.04);
  --shadow-md: 0 4px 6px -1px rgba(79, 70, 229, 0.08), 0 2px 4px -1px rgba(79, 70, 229, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(79, 70, 229, 0.1), 0 4px 6px -2px rgba(79, 70, 229, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(79, 70, 229, 0.15), 0 10px 10px -5px rgba(79, 70, 229, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(79, 70, 229, 0.25);
  
  /* === STATI INTERATTIVI === */
  --state-hover-bg: rgba(79, 70, 229, 0.05);
  --state-active-bg: rgba(79, 70, 229, 0.1);
  --state-focus-ring: rgba(79, 70, 229, 0.2);
  --state-disabled-bg: #F3F4F6;
  --state-disabled-text: #9CA3AF;
}

/* === DARK MODE === */
[data-theme="dark"] {
  --bg-primary: #111827;
  --bg-secondary: #1F2937;
  --bg-tertiary: #374151;
  --bg-dark: #030712;
  
  --text-primary: #F9FAFB;
  --text-secondary: #D1D5DB;
  --text-muted: #9CA3AF;
  
  --border-color: #374151;
  --border-color-dark: #4B5563;
  
  --color-primary-600: #6366F1;     /* Più chiaro in dark mode */
}

/* === UTILITY CLASSES === */
.bg-primary-custom {
  background-color: var(--color-primary-600) !important;
  color: white !important;
}

.text-primary-custom {
  color: var(--color-primary-600) !important;
}

.text-secondary-custom {
  color: var(--text-secondary) !important;
}

.border-primary-custom {
  border-color: var(--color-primary-600) !important;
}

/* === BUTTONS === */
.btn-primary-custom {
  background: var(--gradient-primary) !important;
  color: white !important;
  border: none !important;
  padding: 12px 30px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.btn-primary-custom:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(79, 70, 229, 0.25) !important;
  opacity: 0.95 !important;
}

.btn-secondary-custom {
  background: var(--gradient-secondary) !important;
  color: white !important;
  border: none !important;
  padding: 12px 30px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* === BADGES === */
.badge-category {
  background: var(--color-primary-600);
  color: white;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.badge-reserved {
  background: var(--gradient-primary);
  color: white;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* === LINKS === */
a {
  color: var(--color-primary-600);
  text-decoration: none;
}

a:hover {
  color: var(--color-primary-700);
}

/* Console log */
console.log('✅ DoYouSicily Theme Colors caricato - Palette dal logo');