:root {
  --white: #FFFFFF;
  --off-white: #F7F7F7;
  --sky-pale: #F5F5F5;
  --sky-light: #E5E5E5;
  --sky-mid: #B4EBE8;
  --sky-blue: #4A9AAF;
  --sky-blue-text: #3A8A9A;
  --sky-blue-hover: #3D8F9F;
  --accent: #C4392F;
  --accent-hover: #A83028;
  --navy: #1A1A1A;
  --navy-dark: #111111;
  --gold: #C9A84C;
  --gold-light: #E8C96A;
  --black: #0A0A0A;
  --gray: #6B7280;
  --gray-light: #9CA3AF;
  --border: rgba(0,0,0,0.08);
  --border-sky: rgba(0,0,0,0.08);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 24px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.08);
  --shadow-xl: 0 16px 64px rgba(0,0,0,0.12);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --nav-height: 72px;
  --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}