:root {
  /* Navy palette */
  --navy-deep: #0a1628;
  --navy: #0f1f3a;
  --navy-mid: #162a4a;
  --navy-light: #1e3a5f;

  /* Accent */
  --blue: #2d7dd2;
  --blue-bright: #3d9cf0;
  --teal: #0ea5c5;
  --gold: #e8a838;
  --gold-light: #f5c563;

  /* Text */
  --text-primary: #e8edf5;
  --text-secondary: #8a9bb8;
  --text-muted: #5a6f8f;

  /* Surface */
  --surface: #111c32;
  --surface-elevated: #162642;
  --border: #1e3352;

  /* Brand gradient */
  --gradient-brand: linear-gradient(135deg, #2d7dd2, #0ea5c5);
}