:root {
  --primary10: #e8f0ff;
  --primary20: #b5cffe;
  --primary30: #7dabff;
  --primary50: #1769ff;
  --primary70: #1254cc;
  --primary80: #0e3f99;
  --primary90: #092a66;

  --danger10: #f8dddd;
  --danger20: #fcbcbb;
  --danger30: #f97877;
  --danger50: #f73e3c;
  --danger70: #b92624;
  --danger80: #a41313;
  --danger90: #8c0000;

  --warning10: #FCF1D9;
  --warning20: #FFE5B4;
  --warning90: #A15D24;

  --base10: #f7f7fa;
  --base20: #e5e7ec;
  --base30: #bbc0ce;
  --base50: #77819c;
  --base70: #646E8A;
  --base80: #47516E;
  --base90: #353f5e;

  --success10: #CCEEDC;
  --success50: #00AB4F;
  --success70: #00893F;

  --informative10: #E2DEF7;
  --informative20: #C6BEEF;
  --informative30: #9b8de2;
  --informative50: #705CD6;
  --informative70: #4F37C9;
  --informative80: #402BAB;
  --informative90: #321F94;

  --white: #ffffff;
  --black: #08031D;

  /* Box Shadows */
  --boxshadow-1: 0 0.125rem 0.25rem 0 rgba(53, 63, 94, 0.1); /* base90 shadow */
  --boxshadow-2: 0 0.25rem 0.5rem 0 rgba(53, 63, 94, 0.1); /* base90 shadow */
  --boxshadow-3: 0 0.375rem 0.75rem 0 rgba(53, 63, 94, 0.1); /* base90 shadow */
  --boxshadow-4: 0rem .375rem 12rem rgba(53, 63, 94, 0.1); /* base90 shadow */
  --boxshadow-5: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25);
}