:root {
  /* Base color palette */
  --black: #110005;
  --blue: #2747aa;
  --blue-navy: #081642;
  --green: #092604;
  --green-light: #3e5c39;
  --maroon: #38000b;
  --red: #dd2600;
  --white: #fffefb;
  --red-theme-red: #ff421b;
  --red-theme-light-red: #730321;
  --cream: #fcf5e2;
  --yellow: #ffe53e;
  --yellow-gold: #f7c102;
  --light-yellow: #fff9e7;
  --gray: #c8c8c8;
  --gulf-blue: #85d0e4;
  --gulf-blue-soft: #dff5fb;
  --gulf-navy: #123a67;
  --gulf-orange: #f58220;
  --gulf-orange-deep: #c85b13;
  --grello-yellow: #eef35a;
  --grello-yellow-light: #fbff9a;
  --grello-green: #0db86f;
  --grello-green-deep: #037e57;
  --grello-olive: #0d3428;
  --blue-1: #2e458e;
  --blue-2: #243772;
  --blue-3: #182c6b;
  --blue-4: #0e2057;
  --blue-5: #051239;
  --blue-6: #010619;
  --red-1: #860c24;
  --red-2: #71091e;
  --red-3: #5e0909;
  --red-4: #450505;
  --red-5: #230102;
  --red-6: #0a0000;
  --gulf-1: #d4f0f8;
  --gulf-2: #aadfed;
  --gulf-3: #7fcbe2;
  --gulf-4: #4fadd0;
  --gulf-5: #2f6f9e;
  --gulf-6: #123a67;
}