/* KuantumLabs Theme Palette */
:root {
  /* Primary Colors from Logo */
  --primary-dark: #1A474B;      /* Deep dark teal background */
  --primary-light: #C8E8E4;     /* Light muted cyan */
  
  /* Extended Palette */
  --primary-dark-hover: #0F2F32; /* Darker variant for hover states */
  --primary-light-hover: #B8D8D4; /* Slightly darker cyan for hover */
  
  /* Neutral Colors */
  --white: #FFFFFF;
  --black: #000000;
  --gray-50: #F8FAFA;
  --gray-100: #F1F5F5;
  --gray-200: #E2E8E8;
  --gray-300: #CBD5D5;
  --gray-400: #94A3A3;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --gray-900: #0F172A;
  
  /* Accent Colors */
  --accent-blue: #0EA5E9;        /* Bright blue for CTAs */
  --accent-green: #10B981;       /* Success/positive actions */
  --accent-orange: #F59E0B;      /* Warning/attention */
  --accent-red: #EF4444;         /* Error/negative actions */
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-dark-hover) 100%);
  --gradient-accent: linear-gradient(135deg, var(--primary-light) 0%, var(--accent-blue) 100%);
  
  /* Typography */
  --font-primary: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
  
  /* Spacing Scale */
  --space-xs: 0.25rem;   /* 4px */
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 4rem;     /* 64px */
  --space-4xl: 6rem;     /* 96px */
  
  /* Border Radius */
  --radius-sm: 0.25rem;  /* 4px */
  --radius-md: 0.5rem;   /* 8px */
  --radius-lg: 0.75rem;  /* 12px */
  --radius-xl: 1rem;     /* 16px */
  --radius-2xl: 1.5rem;  /* 24px */
  --radius-full: 9999px;
  
  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  
  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  :root {
    --white: #0F172A;
    --black: #FFFFFF;
    --gray-50: #1E293B;
    --gray-100: #334155;
    --gray-200: #475569;
    --gray-300: #64748B;
    --gray-400: #94A3A3;
    --gray-500: #CBD5D5;
    --gray-600: #E2E8E8;
    --gray-700: #F1F5F5;
    --gray-800: #F8FAFA;
    --gray-900: #FFFFFF;
  }
}

/* Utility Classes */
.text-primary-dark { color: var(--primary-dark); }
.text-primary-light { color: var(--primary-light); }
.bg-primary-dark { background-color: var(--primary-dark); }
.bg-primary-light { background-color: var(--primary-light); }
.border-primary-dark { border-color: var(--primary-dark); }
.border-primary-light { border-color: var(--primary-light); }

.gradient-primary { background: var(--gradient-primary); }
.gradient-accent { background: var(--gradient-accent); }

/* Enhanced animations and effects */
@keyframes slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInFromBottom {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(26, 71, 75, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(26, 71, 75, 0.6);
  }
}

/* Animation classes */
.animate-slide-left {
  animation: slideInFromLeft 0.8s ease-out;
}

.animate-slide-right {
  animation: slideInFromRight 0.8s ease-out;
}

.animate-slide-bottom {
  animation: slideInFromBottom 0.8s ease-out;
}

.animate-pulse-slow {
  animation: pulse 2s ease-in-out infinite;
}

.animate-glow {
  animation: glow 2s ease-in-out infinite;
}

/* Enhanced hover effects */
.hover-lift {
  transition: all 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Gradient text effect */
.gradient-text {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--gray-100);
}

::-webkit-scrollbar-thumb {
  background: var(--primary-dark);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-dark-hover);
}