:root {
  --font-color: #535353;

  --blue-color-900: #080c14;
  --blue-color-800: #161e32;
  --blue-color-700: #233151;
  --blue-color-600: #334573;
  --blue-color-500: #465F9D;
  --blue-color-400: #6b7fb0;
  --blue-color-300: #94a3c6;
  --blue-color-200: #c4ccdf;
  --blue-color-100: #f7f8fa;
  
  --blue-color: var(--blue-color-500);

  --light-blue-color-900: #091726;
  --light-blue-color-800: #223950;
  --light-blue-color-700: #3b5b7c;
  --light-blue-color-600: #5782ad;
  --light-blue-color-500: #7AB1E8;
  --light-blue-color-400: #94c0ec;
  --light-blue-color-300: #b2d2f1;
  --light-blue-color-200: #d4e6f7;
  --light-blue-color-100: #f9fbfe;
  
  --light-blue-color: var(--light-blue-color-500);
  
  --light-orange-color-900: #240d03;
  --light-orange-color-800: #622d16;
  --light-orange-color-700: #884324;
  --light-orange-color-600: #aa5733;
  --light-orange-color-500: #E4794A;
  --light-orange-color-400: #eb9670;
  --light-orange-color-300: #f2aa8b;
  --light-orange-color-200: #f8c5af;
  --light-orange-color-100: #fdf2ed;

  --light-orange-color: var(--light-orange-color-500);
}