:root{

  --color-primary: #306CB5;
  --color-primary-hover: #2757A3;
  --color-primary-light: rgba(48, 108, 181, 0.05);
  --color-primary-medium: rgba(48, 108, 181, 0.1);
  --color-primary-dark: #1E4A8C;
  --color-secondary: #C9A57C;
  --color-secondary-hover: #B89564;
  --color-secondary-light: rgba(201, 165, 124, 0.05);
  --color-secondary-medium: rgba(201, 165, 124, 0.1);
  --color-secondary-dark: #A7854C;
  --color-success: #28A745;
  --color-error: #DC3545;
  --color-warning: #F4B942;
  --color-info: #306CB5;
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4A4A4A;
  --color-text-tertiary: #6B6B6B;
  --color-text-muted: #999999;
  --color-text-inverse: #FFFFFF;
  --color-text-brand: #306CB5;
  --hero-gradient-start: rgba(48, 108, 181, 0.5);

    /* Neutral Colors */
    --color-neutral-white: #FFFFFF;
    --color-neutral-black: #0D0D0D;
    --gray-100: #F8F9FB;
    --gray-200: #E5E5E5;
    --gray-300: #D4D4D4;
    --gray-400: #A3A3A3;
    --gray-500: #737373;
    --gray-600: #525252;
    --gray-700: #404040;
    --color-neutral-900: #262a2e;
    --color-neutral-800: #4d545c;
    --color-neutral-700: #535a61;
    --color-neutral-500: #878b94;
    --color-neutral-400: #959ba4;
    --color-neutral-200: #cfd1d4;
    --color-neutral-100: #e1e3e8;
    --color-neutral-50: #f1f2f3;
    --color-neutral-25: #f7f8f9;
    --background-primary: #FFFFFF;
    --background-secondary: #F8F9FB;
    --border-light: #E5E5E5;



    /* Typography */
    --font-size-xs: 10px;
    --font-size-sm: 11px;
    --font-size-base: 12px;
    --font-size-md: 13px;
    --font-size-lg: 14px;
    --font-size-xl: 16px;
    --font-size-2xl: 18px;
    --font-size-3xl: 22px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;


     /* Spacing */
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-10: 10px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-20: 20px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-36: 36px;
    --spacing-40: 40px;
    --spacing-48: 48px;
    --spacing-56: 56px;
    --spacing-80: 80px;
    --spacing-100: 100px;


    /* Border Radius */
    --radius-none: 0;
    --radius-4: 4px;
    --radius-8: 8px;
    --radius-10: 10px;
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-20: 20px;
    --radius-24: 24px;
    --radius-32: 32px;
    --radius-half: 50%;
    --radius-full: 100%;


    /* Transitions */
    --transition-fast: 0.15s;
    --transition-base: 0.3s;
    --transition-slow: 0.5s;
    --transition-slower: 0.8s;


    /* Breakpoints */
    --breakpoint-mobile: 640px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 991px;


    /* Shadows */
    --shadow-sm: 0px 1px 2px 0px rgba(10, 13, 20, 0.03);
    --shadow-base: 0px 2px 4px 0px rgba(10, 10, 10, 0.08);
    --shadow-md: 0 4px 6px -1px rgba(10, 10, 10, 0.1), 0 2px 4px -1px rgba(10, 10, 10, 0.06);
    --shadow-lg: 0 10px 40px rgba(10, 10, 10, 0.12);
    --shadow-xl: 0 20px 40px rgba(10, 10, 10, 0.15);
    --shadow-2xl: 0 25px 50px rgba(10, 10, 10, 0.18);
    --shadow-brand: 0 4px 12px rgba(74, 95, 199, 0.25);
    --shadow-brand-lg: 0 10px 30px rgba(209, 31, 47, 0.3);
    --shadow-glow: 0 0 20px rgba(209, 31, 47, 0.8);


    /* Navigation */
    --nav-height: 78px;
    --nav-height-scrolled: 68px;
    --nav-padding: 20px 60px;
    --nav-background: rgba(255, 255, 255, 0.85);
    --nav-background-scrolled: rgba(255, 255, 255, 0.76);
    --nav-backdrop-filter: blur(10px);
    --nav-backdrop-filter-scrolled: blur(10px);
    --nav-scrolled-margin: 32px;
    --nav-scrolled-margin-sm: 16px;
    --nav-scrolled-top: 20px;
    --nav-scrolled-border-radius: 16px;


    --font-inter: Inter, -apple-system, Roboto, Helvetica, sans-serif;
    --font-urbanist: Urbanist, -apple-system, Roboto, Helvetica, sans-serif;

}