:root {
  /* Brand Colors from MBDI Logo */
  --mbdi-blue: #005BBB;
  --mbdi-red: #E30613;
  --mbdi-yellow: #FFD700;
  --mbdi-black: #000000;
  --mbdi-white: #FFFFFF;

  /* Extended Color Palette */
  --blue-light: #2179d3;
  --blue-dark: #004594;
  --red-light: #ff1a1a;
  --red-dark: #cc0000;
  
  /* Gradient Colors */
  --gradient-primary: linear-gradient(135deg, var(--mbdi-blue) 0%, var(--blue-dark) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--mbdi-red) 0%, var(--red-dark) 100%);
  
  /* UI Colors */
  --background-light: #f8f9fa;
  --background-dark: #212529;
  --text-primary: #2c3e50;
  --text-secondary: #6c757d;
  --border-color: #dee2e6;
  
  /* Overlay Colors */
  --overlay-dark: rgba(0, 0, 0, 0.7);
  --overlay-light: rgba(255, 255, 255, 0.9);
  --overlay-blue: rgba(0, 91, 187, 0.9);
  
  /* Shadow Effects */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-hover: 0 15px 30px rgba(0, 0, 0, 0.15);
}

/* Additional Global Color Utilities */
.bg-primary { background-color: var(--primary-blue); }
.bg-secondary { background-color: var(--primary-red); }
.bg-accent { background-color: var(--secondary-yellow); }
.text-primary { color: var(--primary-blue); }
.text-secondary { color: var(--primary-red); }
.text-accent { color: var(--secondary-yellow); }
.text-white { color: var(--neutral-white); }