:root {
  /* Modern deeper navy and vibrant teal */
  --navy: #0a1426;
  --navy-mid: #10203d;
  --teal: #148f7d;
  --teal-light: #18b39c;
  --gold: #d4b14e;
  --gold-light: #f2ce63;
  
  /* Lighter, softer backgrounds */
  --cream: #faf7f2;
  --cream-dark: #f0ebe1;
  
  /* Text */
  --text: #171721;
  --text-muted: #626575;
  --white: #ffffff;
  
  /* Borders & Shadows */
  --border: #e3decd;
  --border-light: rgba(227, 222, 205, 0.4);
  --shadow-sm: 0 2px 8px rgba(10, 20, 38, 0.04);
  --shadow: 0 6px 16px rgba(10, 20, 38, 0.06), 0 2px 4px rgba(10, 20, 38, 0.02);
  --shadow-lg: 0 16px 32px rgba(10, 20, 38, 0.08), 0 4px 8px rgba(10, 20, 38, 0.03);
  
  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
}