:root {
  --brand-navy:   #153A5B;
  --brand-orange: #E8622C;
  --brand-slate:  #5B6B7A;
  --navy-50:  #E8EDF1;
  --navy-100: #B8C6D2;
  --navy-300: #6E869C;
  --navy-500: #2C5578;
  --navy-700: #153A5B;
  --navy-900: #0E2438;
  --orange-50:  #FDEEE5;
  --orange-100: #F9C9AE;
  --orange-300: #F19A6C;
  --orange-500: #E8622C;
  --orange-700: #C24E1E;
  --orange-900: #933811;
  --neutral-white:  #FFFFFF;
  --neutral-mist:   #F7F8F9;
  --neutral-cloud:  #EDF0F2;
  --neutral-silver: #D4DAE0;
  --neutral-steel:  #8894A1;
  --neutral-ink:    #0E2438;
  --accent-teal:   #1F9E93;
  --accent-gold:   #E0A32E;
  --accent-violet: #8A5CD1;
  --accent-rose:   #D64C7A;
  --color-bg:        var(--neutral-mist);
  --color-surface:   var(--neutral-white);
  --color-border:    #E7EAED;
  --color-text:      var(--brand-navy);
  --color-text-muted: var(--brand-slate);
  --color-primary:   var(--brand-navy);
  --color-accent:    var(--brand-orange);
  --color-accent-hover: var(--orange-700);
}