:root {
  /* Brand */
  --navy-900: #0B1F3F;
  --navy-800: #112B52;
  --navy-700: #1A3A6B;
  --gold-500: #C9A24A;
  --gold-400: #D4B062;
  --gold-300: #E8C77A;
  --gold-700: #A8822C;

  /* Neutrals */
  --bg: #FAFAF7;
  --bg-elevated: #FFFFFF;
  --bg-tinted: #F2EFE8;
  --text: #0B1F3F;
  --text-muted: #4A5A75;
  --text-subtle: #8A95A8;
  --border: rgba(11, 31, 63, 0.08);
  --border-strong: rgba(11, 31, 63, 0.15);

  /* Glass */
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-dark: rgba(11, 31, 63, 0.65);
  --glass-border: rgba(255, 255, 255, 0.35);
  --glass-blur: 20px;

  /* Gradients */
  --gradient-gold: linear-gradient(135deg, #A8822C 0%, #C9A24A 50%, #E8C77A 100%);
  --gradient-navy: linear-gradient(180deg, #0B1F3F 0%, #112B52 100%);

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Easing */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Breakpoints (reference only — use in media queries) */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}