/* ── CSS Custom Properties ────────────── */
:root {
  --clr-navy:          #0e1d3c;
  --clr-navy-dark:     #0a1530;
  --clr-navy-hero:     #080f1f;
  --clr-gold:          #c9a84c;
  --clr-gold-dark:     #a8893e;
  --clr-gold-light:    #dfc06a;
  --clr-cream:         #ffffff;
  --clr-primary:       #0e1d3c;
  --clr-primary-dark:  #0a1530;
  --clr-primary-light: #1a3060;
  --clr-black:         #111111;
  --clr-gray-1:        #2a2a2a;
  --clr-gray-2:        #555555;
  --clr-gray-3:        #999999;
  --clr-gray-4:        #d4d4d4;
  --clr-off-white:     #f5f7f9;
  --clr-white:         #ffffff;

  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;

  --shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:  0 8px 30px rgba(0,0,0,0.12);
  --shadow-lg:  0 20px 60px rgba(0,0,0,0.18);

  --container:  1200px;
  --transition: 0.25s ease;
}