:root {
  /* Navy Professional Color Palette */
  --navy-lightest: #B9B7C6;     /* Light gray-purple accent */
  --navy-light: #D9E2EF;        /* Very light blue-gray background */
  --navy-medium: #9EBFE5;       /* Medium blue accent */
  --navy-primary: #2A4475;      /* Primary navy blue */
  --navy-dark: #171044;         /* Deep navy for contrast */
  
  /* Legacy color mappings for backward compatibility */
  --brown-primary: #2A4475;     /* Navy Primary */
  --brown-dark: #171044;        /* Navy Dark */
  --peach-accent: #9EBFE5;      /* Navy Medium */
  --orange-soft: #B9B7C6;       /* Navy Lightest */
  --green-muted: #2A4475;       /* Navy Primary */
  --green-light: #D9E2EF;       /* Navy Light */
  --green-lightest: #D9E2EF;    /* Navy Light */
  --off-white: #FAFBFC;         /* Enhanced white with blue tint */
  --light-gray: #D9E2EF;        /* Navy Light */
  --text-dark: #171044;         /* Navy Dark */
  --text-muted: #4A5568;        /* Professional gray */
  
  /* Primary Colors */
  --primary-color: #2A4475;     /* Navy Primary */
  --primary-light: #9EBFE5;     /* Navy Medium */
  --primary-dark: #171044;      /* Navy Dark */
  
  /* Secondary Colors */
  --secondary-color: #D9E2EF;   /* Navy Light */
  --secondary-light: #D9E2EF;   /* Navy Light */
  --secondary-dark: #2A4475;    /* Navy Primary */
  
  /* Accent Colors */
  --accent-color: #9EBFE5;      /* Navy Medium */
  --accent-light: #B9B7C6;      /* Navy Lightest */
  --accent-dark: #2A4475;       /* Navy Primary */
  
  /* Warm Accent */
  --warm-accent: #9EBFE5;       /* Navy Medium for special emphasis */
  
  /* Text Colors */
  --text-primary: #171044;      /* Navy Dark for headings */
  --text-secondary: #4A5568;    /* Professional gray for body text */
  --text-light: rgba(74, 85, 104, 0.7);  /* Gray with transparency */
  --text-white: #ffffff;
  --text-Fucsias-1: rgba(232, 74, 54, 1); 
  --text-Fucsias-2: rgba(255, 110, 59, 1); 
  --text-Fucsias-3: rgba(255, 72, 90, 1); 
  --text-Fucsias-4: rgba(232, 54, 160, 1); 
  --text-Fucsias-5: rgba(244, 59, 255, 1); 


  
  /* Background Colors */
  --bg-primary: #FAFBFC;        /* Enhanced white with blue tint */
  --bg-secondary: #D9E2EF;      /* Navy Light */
  --bg-dark: #2A4475;           /* Navy Primary */
  --bg-overlay: rgba(42, 68, 117, 0.1);     /* Navy with transparency */
  --bg-warm: #9EBFE5;           /* Navy Medium background */
  --bg-neutral: #D9E2EF;        /* Navy Light for sections */
  
  /* Border Colors */
  --border-light: #D9E2EF;      /* Navy Light */
  --border-medium: #B9B7C6;     /* Navy Lightest */
  --border-dark: #2A4475;       /* Navy Primary */
  
  /* Status Colors */
  --success-color: #2A4475;        /* Navy Primary for success */
  --success-dark: #171044;         /* Navy Dark for darker success */
  --warning-color: #B9B7C6;        /* Navy Lightest for warnings */
  --error-color: #171044;          /* Navy Dark for errors */
  --info-color: #9EBFE5;           /* Navy Medium for info */
  
  /* Shadows - using navy colors for professional shadows */
  --shadow-light: 0 1px 3px 0 rgba(23, 16, 68, 0.08), 0 1px 2px 0 rgba(23, 16, 68, 0.04);
  --shadow-medium: 0 4px 6px -1px rgba(23, 16, 68, 0.1), 0 2px 4px -1px rgba(23, 16, 68, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(23, 16, 68, 0.1), 0 4px 6px -2px rgba(23, 16, 68, 0.05);
  --shadow-warm: 0 2px 4px 0 rgba(158, 191, 229, 0.2);   /* Navy Medium shadow */
  
  /* Typography */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  
  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  
  /* Border Radius */
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  
  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-medium: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;
  
  /* Z-index */
  --z-dropdown: 1000;
  --z-sticky: 1010;
  --z-fixed: 1020;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}