:root {
  /* default colors */
  --default: #333333;
  --gray: #828282;
  --black: #000000;
  --white: #FFFFFF;
  --error: #EB5757;
  
  /* solid colors */
  --color1: #5D2890;
  --color2: #CF0D87;
  --color3: #1C2C45;
  --color4: #09173A;
  --color5: #424242;
  --color6: #E6EEFB;
  --color7: #4F4F4F;
  --color8: #717171;
  --color9: #faf3f6;
  --color10: #CFDFF8;
  --color11: rgba(28, 44, 69, 0.1);
  --color12: rgba(222, 43, 156, 0.2);
  --color13: #707372;
  --color14: #e9eaed;
	
  /* border */
  --border1: #E0E0E0;
  --border2: #BDBDBD;
  --border3: rgba(28, 44, 69, 0.3);
  --border4: rgba(28, 44, 69, 0.1);
  --border5: rgba(28, 44, 69, 0.20);
  --border6: rgba(0, 0, 0, 0.3);
	
  
  /* shadow */
  --shadow1: rgba(0, 0, 0, 0.03);
  --shadow2: rgba(0, 0, 0, 0.06);
  --shadow3: rgba(0, 0, 0, 0.04);

  /* fonts */
  --font-default: 'Uncut Sans', sans-serif;
  --font-primary: 'p22-mackinac-pro', sans-serif;

  /* transition */
  --slow: 500ms;
  --normal: 300ms;
  --fast: 100ms;

  /* form */
  --form-bg: #FFFFFF;
  --form-color: #333333;
  --form-border: #E0E0E0;
  --form-label: #1C2C45;
  --form-placeholder: #BDBDBD;
  --form-error-bg: rgba(235, 87, 87, 0.2);

  --global-content-edge-padding: 0;
}