:root {
  --wl-navy-950: #07182e;
  --wl-navy-900: #0b2341;
  --wl-navy-700: #173f66;
  --wl-gold-600: #b58a2a;
  --wl-gold-500: #c9a24a;
  --wl-gold-100: #f7eed8;
  --wl-white: #ffffff;
  --wl-surface: #f7f8fa;
  --wl-text: #142033;
  --wl-muted: #64748b;
  --wl-border: #e3e7ed;
  --wl-danger: #b42318;
  --wl-success: #16794b;
  --wl-gold-700: #8a6a1f;
  --wl-navy-800: #0f2e52;
  --wl-fill-secondary: rgb(20 32 51 / 6%);
  --wl-fill-tertiary: rgb(20 32 51 / 3%);
  --wl-separator: rgb(20 32 51 / 10%);
  --wl-success-soft: rgb(22 121 75 / 12%);
  --wl-danger-soft: rgb(180 35 24 / 12%);
  --wl-white-glass: rgb(255 255 255 / 72%);
  --wl-white-hairline: rgb(255 255 255 / 40%);
  --wl-white-highlight: rgb(255 255 255 / 50%);
  --wl-navy-glass: rgb(7 24 46 / 72%);
}