:root {
  --maroon: #7C2529;
  --maroon-dark: #5A1B1E;
  --maroon-light: #9E3A3F;
  --navy: #0D1B2E;
  --navy-light: #162D4A;
  --blue: #41B4D3;
  --blue-light: #E8F6FA;
  --teal: #23C7AF;
  --teal-light: #E6F9F6;
  --orange: #EE4F07;
  --orange-light: #FFF0E8;
  --gold: #FFC121;
  --gold-light: #FFF8E5;
  --red: #DA0000;
  --green: #22A355;
  --green-light: #E8F5ED;
  --white: #FFFFFF;
  --gray-50: #F8F9FA;
  --gray-100: #F1F3F5;
  --gray-200: #E9ECEF;
  --gray-300: #DEE2E6;
  --gray-400: #ADB5BD;
  --gray-500: #6C757D;
  --gray-600: #495057;
  --gray-700: #343A40;
  --gray-800: #212529;
  --radius: 14px;
  --radius-sm: 8px;
  --radius-pill: 50px;
  --shadow: 0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --transition: 0.2s ease;
  --nav-height: 70px;
  --header-height: 60px;
}