:root {
  /* Brand Colors */
  --color-brand-50: #f5f8fc;
  --color-brand-100: #eaf2fa;
  --color-brand-200: #e4eaf1;
  --color-brand-600: #064481;
  --color-brand-800: #064481;
  --color-brand-900: #0b2948;
  --color-brand-grey: #667085;

  /* Glassmorphism Theme */
  --glass-bg: rgba(255, 255, 255, 0.45);
  --glass-bg-hover: rgba(255, 255, 255, 0.65);
  --glass-border: rgba(255, 255, 255, 0.4);
  --glass-border-hover: rgba(255, 255, 255, 0.6);
  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.08);
  --glass-shadow-hover: 0 12px 40px 0 rgba(31, 38, 135, 0.15);
  --glass-text: #0b2948;
  --glass-blur: 16px;

  /* Dark Glassmorphism Theme */
  --glass-dark-bg: rgba(11, 41, 72, 0.45);
  --glass-dark-bg-hover: rgba(11, 41, 72, 0.6);
  --glass-dark-border: rgba(255, 255, 255, 0.08);
  --glass-dark-border-hover: rgba(255, 255, 255, 0.15);

  /* Gradients */
  --grad-hero: linear-gradient(135deg, rgba(234, 242, 250, 0.8) 0%, rgba(245, 248, 252, 0.6) 100%);
  --grad-dark: linear-gradient(135deg, #0b2948 0%, #064481 100%);
  --grad-blue: linear-gradient(135deg, #064481 0%, #042a52 100%);
  --grad-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
  
  /* Standard Variables */
  --primary: #064481;
  --primary-hover: #0b2948;
  --accent: #3b82f6;
  --text-primary: #0b2948;
  --text-secondary: #667085;
  --bg-light: #f5f8fc;
  --border-color: #e4eaf1;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-none {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}