/* This file is reserved for overriding and extending the template styles. */
html[data-color=light-blue] {
  --primary: #1E90FF; /* Vibrant Sky Blue */
  --secondary: #69C2E6; /* Soft Cyan */
  --tertiary: #3FB6A8; /* Calm Sea Green */
  --quaternary: #4688F1; /* Modern Blue */
  
  --primary-rgb: 30, 144, 255;
  --secondary-rgb: 105, 194, 230;
  --tertiary-rgb: 63, 182, 168;
  --quaternary-rgb: 70, 136, 241;
  
  --primary-darker: #1A7CD0; /* Slightly darker sky blue */
  --secondary-darker: #5AAFD1; /* Deeper cyan */
  --tertiary-darker: #36A095; /* Richer sea green */
  --quaternary-darker: #3C77D6; /* Deeper modern blue */
  
  --body: #454545; /* Improved contrast for readability */
  --alternate: #6E7A85; /* Soft gray for balance */
  --muted: #A2AAB3; /* Gentle muted tone */
  --separator: #E0E4E8; /* Light separator */
  --separator-light: #F3F5F7;
  
  --body-rgb: 69, 69, 69;
  --alternate-rgb: 110, 122, 133;
  --muted-rgb: 162, 170, 179;
  --separator-rgb: 224, 228, 232;
  --separator-light-rgb: 243, 245, 247;
  
  --background: #F8FBFF; /* Soft blue-tinted white */
  --foreground: #FFFFFF; /* Clean white */
  --background-rgb: 248, 251, 255;
  --foreground-rgb: 255, 255, 255;
  
  --background-theme: #E3F2FD; /* Very light pastel blue */
  --background-light: #F5F9FC; /* Soothing light background */
  
  /* 🎨 Gradient Enhancements */
  --gradient-1: #1E90FF; /* Sky Blue */
  --gradient-2: #00BFFF; /* Bright Azure */
  --gradient-3: #4688F1; /* Soothing Modern Blue */
  --gradient-1-lighter: #50AFFF;
  --gradient-1-darker: #1871D0;
  
  /* 🌟 Improved Text Colors */
  --light-text: #ffffff;
  --dark-text: #303841; /* Slightly softer than black */
  --light-text-darker: #EAEAEA;
  --dark-text-darker: #232B35;
  
  --light-text-rgb: 255, 255, 255;
  --dark-text-rgb: 48, 56, 65;
  
  /* 🚀 Status Colors */
  --danger: #E63946; /* Modern Red */
  --info: #17A2B8; /* Deep Aqua */
  --warning: #F4A261; /* Warm Orange */
  --success: #2A9D8F; /* Earthy Green */
  
  --danger-darker: #B71D30;
  --info-darker: #117C90;
  --warning-darker: #C67C43;
  --success-darker: #1C6E65;
  
  --light: #DAE2E8; /* Softer Light Gray */
  --dark: #2E4053; /* Elegant Deep Blue-Gray */
  
  --light-darker: #BDC7D1;
  --dark-darker: #1F2C3A;
  
  /* 🔘 Body & Text Enhancements */
  --body-darker: #3A3A3A;
  --alternate-darker: #585858;
  --muted-darker: #777;
  --separator-darker: #C0C0C0;
  
  /* 🌟 RGB Values */
  --danger-rgb: 230, 57, 70;
  --info-rgb: 23, 162, 184;
  --warning-rgb: 244, 162, 97;
  --success-rgb: 42, 157, 143;
  
  --light-rgb: 218, 226, 232;
  --dark-rgb: 46, 64, 83;
  
  /* 🎨 Shadows & Effects */
  --menu-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
  --menu-shadow-navcolor: 0px 2px 6px rgba(0, 0, 0, 0.08);
  
  /* 🎭 Navbar Themes */
  --background-navcolor-light: #FFFFFF;
  --background-navcolor-dark: #1B262C;
  
  /* 🌗 Theme Support */
  --theme-image-filter: hue-rotate(190deg);
}