:root {
  --base_dark: #333333;
  --base_light: #FAFAFA;

  /* text */
  --text_dark: #333333;
  --text_light: #FAFAFA;

  /* border */
  --border_darker: #AAAAAA;
  --border_dark: #BABABA;
  --border: #CACACA;
  --border_light: #DADADA;
  --border_lighter: #EAEAEA;

  /* mono */
  --black: #000000;
  --black_rgb: 0, 0, 0;
  --gray_1: #010101;
  --gray_2: #1D1D1D;
  --gray_3: #393939;
  --gray_4: #555555;
  --gray_5: #717171;
  --gray_6: #8D8D8D;
  --gray_7: #A9A9A9;
  --gray_8: #C5C5C5;
  --gray_9: #E1E1E1;
  --gray_10: #FDFDFD;
  --white: #FFFFFF;
  --white_rgb: 255, 255, 255;

  /* primary */
  --primary_darker: #1A2D46;
  --primary_dark: #223A5E;
  --primary: #2A4875;
  --primary_light: #355A92;
  --primary_lighter: #4170AF;

  /* secondary */
  --secondary_darker: #35638F;
  --secondary_dark: #5489BA;
  --secondary: #5489BA;
  --secondary_light: #6CA0CF;
  --secondary_lighter: #8FB8E8;

  /* tertiary */
  --tertiary_darker: #5D9299;
  --tertiary_dark: #6DAAB3;
  --tertiary: #80C8D1;
  --tertiary_light: #92CAD1;
  --tertiary_lighter: #A7CCD1;

  /* warning */
  --warning_darker: #B28E1A;
  --warning_dark: #D9B026;
  --warning: #F4C631;
  --warning_light: #F5D13D;
  --warning_lighter: #F6DD4A;

  /* success */
  --success_darker: #4B6E3A;
  --success_dark: #5C9642;
  --success: #70AA55;
  --success_light: #7AB45E;
  --success_lighter: #84BE68;

  /* error */
  --error_darker: #8C2619;
  --error_dark: #A72E1F;
  --error: #BD3726;
  --error_light: #C74638;
  --error_lighter: #D0544A;
}