:root {
    /* AIxplore Color Palette - Based on #2685C3 */
    --aixplore-50: #eff8ff;
    --aixplore-100: #dbeffe;
    --aixplore-200: #bfe3fd;
    --aixplore-300: #93d2fc;
    --aixplore-400: #60b8f8;
    --aixplore-500: #3a9def;
    --aixplore-600: #2685C3;
    --aixplore-700: #1e69a0;
    --aixplore-800: #1e5783;
    --aixplore-900: #1e496d;
    --aixplore-950: #152f48;
    
    /* Additional semantic colors */
    --aixplore-primary: var(--aixplore-600);
    --aixplore-primary-hover: var(--aixplore-700);
    --aixplore-primary-light: var(--aixplore-50);

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
  
    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;
  
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;
}

/* Background Color Classes */
.bg-indigo-50,
.bg-aixplore-50 {
  background-color: var(--aixplore-50);
}

.bg-indigo-100,
.bg-aixplore-100 {
  background-color: var(--aixplore-100);
}

.bg-indigo-200,
.bg-aixplore-200 {
  background-color: var(--aixplore-200);
}

.bg-indigo-300,
.bg-aixplore-300 {
  background-color: var(--aixplore-300);
}

.bg-indigo-400,
.bg-aixplore-400 {
  background-color: var(--aixplore-400);
}

.bg-indigo-500,
.bg-aixplore-500 {
  background-color: var(--aixplore-500);
}

.bg-indigo-600,
.bg-aixplore-600 {
  background-color: var(--aixplore-600);
}

.bg-indigo-700,
.bg-aixplore-700 {
  background-color: var(--aixplore-700);
}

.bg-indigo-800,
.bg-aixplore-800 {
  background-color: var(--aixplore-800);
}

.bg-indigo-900,
.bg-aixplore-900 {
  background-color: var(--aixplore-900);
}

.bg-indigo-950,
.bg-aixplore-950 {
  background-color: var(--aixplore-950);
}

.bg-aixplore-primary-color {
  background-color: var(--aixplore-primary);
}

.bg-aixplore-hover-color {
  background-color: var(--aixplore-primary-hover);
}

/* Text Color Classes */
.text-indigo-50,
.text-aixplore-50 {
  color: var(--aixplore-50);
}

.text-indigo-100,
.text-aixplore-100 {
  color: var(--aixplore-100);
}

.text-indigo-200,
.text-aixplore-200 {
  color: var(--aixplore-200);
}

.text-indigo-300,
.text-aixplore-300 {
  color: var(--aixplore-300);
}

.text-indigo-400,
.text-aixplore-400 {
  color: var(--aixplore-400);
}

.text-indigo-500,
.text-aixplore-500 {
  color: var(--aixplore-500);
}

.text-indigo-600,
.text-aixplore-600 {
  color: var(--aixplore-600);
}

.text-indigo-700,
.text-aixplore-700 {
  color: var(--aixplore-700);
}

.text-indigo-800,
.text-aixplore-800 {
  color: var(--aixplore-800);
}

.text-indigo-900,
.text-aixplore-900 {
  color: var(--aixplore-900);
}

.text-indigo-950,
.text-aixplore-950 {
  color: var(--aixplore-950);
}

/* Border Color Classes */
.border-indigo-50,
.border-aixplore-50 {
  border-color: var(--aixplore-50);
}

.border-indigo-100,
.border-aixplore-100 {
  border-color: var(--aixplore-100);
}

.border-indigo-200,
.border-aixplore-200 {
  border-color: var(--aixplore-200);
}

.border-indigo-300,
.border-aixplore-300 {
  border-color: var(--aixplore-300);
}

.border-indigo-400,
.border-aixplore-400 {
  border-color: var(--aixplore-400);
}

.border-indigo-500,
.border-aixplore-500 {
  border-color: var(--aixplore-500);
}

.border-indigo-600,
.border-aixplore-600 {
  border-color: var(--aixplore-600);
}

.border-indigo-700,
.border-aixplore-700 {
  border-color: var(--aixplore-700);
}

.border-indigo-800,
.border-aixplore-800 {
  border-color: var(--aixplore-800);
}

.border-indigo-900,
.border-aixplore-900 {
  border-color: var(--aixplore-900);
}

.border-indigo-950,
.border-aixplore-950 {
  border-color: var(--aixplore-950);
}

/* Ring Color Classes (for focus states) */
.ring-indigo-50,
.ring-aixplore-50 {
  --tw-ring-color: var(--aixplore-50);
}

.ring-indigo-100,
.ring-aixplore-100 {
  --tw-ring-color: var(--aixplore-100);
}

.ring-indigo-200,
.ring-aixplore-200 {
  --tw-ring-color: var(--aixplore-200);
}

.ring-indigo-300,
.ring-aixplore-300 {
  --tw-ring-color: var(--aixplore-300);
}

.ring-indigo-400,
.ring-aixplore-400 {
  --tw-ring-color: var(--aixplore-400);
}

.ring-indigo-500,
.ring-aixplore-500 {
  --tw-ring-color: var(--aixplore-500);
}

.ring-indigo-600,
.ring-aixplore-600 {
  --tw-ring-color: var(--aixplore-600);
}

.ring-indigo-700,
.ring-aixplore-700 {
  --tw-ring-color: var(--aixplore-700);
}

.ring-indigo-800,
.ring-aixplore-800 {
  --tw-ring-color: var(--aixplore-800);
}

.ring-indigo-900,
.ring-aixplore-900 {
  --tw-ring-color: var(--aixplore-900);
}

.ring-indigo-950,
.ring-aixplore-950 {
  --tw-ring-color: var(--aixplore-950);
}

.ring-aixplore-primary-color {
  --tw-ring-color: var(--aixplore-primary);
}

/* Hover State Classes */
.hover\:bg-indigo-50:hover,
.hover\:bg-aixplore-50:hover {
  background-color: var(--aixplore-50);
}

.hover\:bg-indigo-100:hover,
.hover\:bg-aixplore-100:hover {
  background-color: var(--aixplore-100);
}

.hover\:bg-indigo-200:hover,
.hover\:bg-aixplore-200:hover {
  background-color: var(--aixplore-200);
}

.hover\:bg-indigo-300:hover,
.hover\:bg-aixplore-300:hover {
  background-color: var(--aixplore-300);
}

.hover\:bg-indigo-400:hover,
.hover\:bg-aixplore-400:hover {
  background-color: var(--aixplore-400);
}

.hover\:bg-indigo-500:hover,
.hover\:bg-aixplore-500:hover {
  background-color: var(--aixplore-500);
}

.hover\:bg-indigo-600:hover,
.hover\:bg-aixplore-600:hover {
  background-color: var(--aixplore-600);
}

.hover\:bg-indigo-700:hover,
.hover\:bg-aixplore-700:hover {
  background-color: var(--aixplore-700);
}

.hover\:bg-indigo-800:hover,
.hover\:bg-aixplore-800:hover {
  background-color: var(--aixplore-800);
}

.hover\:bg-indigo-900:hover,
.hover\:bg-aixplore-900:hover {
  background-color: var(--aixplore-900);
}

.hover\:bg-indigo-950:hover,
.hover\:bg-aixplore-950:hover {
  background-color: var(--aixplore-950);
}

.hover\:bg-aixplore-hover-color:hover {
  background-color: var(--aixplore-primary-hover);
}

/* Hover Text Color Classes */
.hover\:text-indigo-50:hover,
.hover\:text-aixplore-50:hover {
  color: var(--aixplore-50);
}

.hover\:text-indigo-100:hover,
.hover\:text-aixplore-100:hover {
  color: var(--aixplore-100);
}

.hover\:text-indigo-200:hover,
.hover\:text-aixplore-200:hover {
  color: var(--aixplore-200);
}

.hover\:text-indigo-300:hover,
.hover\:text-aixplore-300:hover {
  color: var(--aixplore-300);
}

.hover\:text-indigo-400:hover,
.hover\:text-aixplore-400:hover {
  color: var(--aixplore-400);
}

.hover\:text-indigo-500:hover,
.hover\:text-aixplore-500:hover {
  color: var(--aixplore-500);
}

.hover\:text-indigo-600:hover,
.hover\:text-aixplore-600:hover {
  color: var(--aixplore-600);
}

.hover\:text-indigo-700:hover,
.hover\:text-aixplore-700:hover {
  color: var(--aixplore-700);
}

.hover\:text-indigo-800:hover,
.hover\:text-aixplore-800:hover {
  color: var(--aixplore-800);
}

.hover\:text-indigo-900:hover,
.hover\:text-aixplore-900:hover {
  color: var(--aixplore-900);
}

.hover\:text-indigo-950:hover,
.hover\:text-aixplore-950:hover {
  color: var(--aixplore-950);
}

.hero-logo-container {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  align-items: center;
  max-width: 400px;
}

.hero-logo {
  max-width: 80px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.hero-title {
  font-size: 1rem;
  color: var(--aixplore-600);
  font-weight: 400;
  line-height: 1.1;
  word-wrap: break-word;
}

.hero-title-text {
  font-size: 1rem;
  color: var(--aixplore-600);
  font-weight: 400;
  line-height: 1.1;
  word-wrap: break-word;
}