:root {
  /* colors */
  --awe-bone-300: #e6dbc9;
  --awe-black: #000000;
  --awe-black-alpha-20: rgba(0, 0, 0, 0.2);
  --awe-black-alpha-90: rgba(0, 0, 0, 0.9);
  --awe-blue-50: #c5e3ff;
  --awe-blue-50-alpha-20: rgba(197, 227, 255, 0.2);
  --awe-blue-100: #8ac7ff;
  --awe-blue-200: #50abff;
  --awe-blue-300: #158eff;
  --awe-blue-400: #0071da;
  --awe-blue-400-alpha-5: rgba(0, 113, 218, 0.05);
  --awe-blue-400-alpha-10: rgba(0, 113, 218, 0.1);
  --awe-blue-500: #004889;
  --awe-blue-600: #003868;
  --awe-blue-700: #002847;
  --awe-blue-800: #001828;
  --awe-blue-900: #000414;
  --awe-coral-400: #ff8383;
  --awe-coral-100: #f7bdb9;
  --awe-gold-400: #e2a300;
  --awe-gold-400-alpha-5: rgba(226, 163, 0, 0.05);
  --awe-gold-400-alpha-10: rgba(226, 163, 0, 0.1);
  --awe-gold-100: #fcf6ea;
  --awe-green-400: #46a425;
  --awe-green-400-alpha-5: rgba(70, 164, 37, 0.05);
  --awe-green-400-alpha-10: rgba(70, 164, 37, 0.1);
  --awe-grey-50: #fafafa;
  --awe-grey-100: #f5f5f5;
  --awe-grey-200: #eeeeee;
  --awe-grey-300: #e0e0e0;
  --awe-grey-400: #bdbdbd;
  --awe-grey-500: #9e9e9e;
  --awe-grey-600: #757575;
  --awe-grey-700: #616161;
  --awe-grey-800: #424242;
  --awe-grey-900: #212121;
  --awe-grey-900-alpha-20: rgba(33, 33, 33, 0.2);
  --awe-grey-900-alpha-90: rgba(33, 33, 33, 0.9);
  --awe-red-400: #da0000;
  --awe-red-400-alpha-4: rgba(218, 0, 0, 0.04);
  --awe-red-400-alpha-5: rgba(218, 0, 0, 0.05);
  --awe-red-400-alpha-8: rgba(218, 0, 0, 0.08);
  --awe-red-400-alpha-10: rgba(218, 0, 0, 0.1);
  --awe-red-400-alpha-30: rgba(218, 0, 0, 0.3);
  --awe-red-500: #730500;
  --awe-red-600: #410202;
  --awe-red-600-alpha-40: rgba(65, 2, 2, 0.4);
  --awe-red-600-alpha-97: rgba(65, 2, 2, 0.97);
  --awe-red-900: #110000;
  --awe-red-900-alpha-95: rgba(17, 0, 0, 0.95);
  --awe-transparent: #ffffff00;
  --awe-violet: #aa44e9;
  --awe-white: #ffffff;
  --awe-white-alpha-10: rgba(255, 255, 255, 0.1);
  --awe-white-alpha-20: rgba(255, 255, 255, 0.2);
  --awe-white-alpha-60: rgba(255, 255, 255, 0.6);
  --awe-yellow: #ffff00;

  /* font-sizes */
  --awe-font-size-display-1: 48px;
  --awe-font-size-display-2: 40px;
  --awe-font-size-display-3: 36px;
  --awe-font-size-headline-1: 32px;
  --awe-font-size-headline-2: 28px;
  --awe-font-size-headline-3: 24px;
  --awe-font-size-title-1: 20px;
  --awe-font-size-title-2: 16px;
  --awe-font-size-body-1: 16px;
  --awe-font-size-body-2: 14px;
  --awe-font-size-caption-1: 14px;
  --awe-font-size-caption-2: 12px;
  --awe-font-size-fineprint-1: 10px;
  --awe-font-size-fineprint-2: 8px;

  /* font weights */
  --awe-font-weight-extra-bold: 800;
  --awe-font-weight-bold: 700;
  --awe-font-weight-semi-bold: 600;
  --awe-font-weight-regular: 400;

  /* line-heights */
  --awe-line-height-display-1: 56px;
  --awe-line-height-display-2: 44px;
  --awe-line-height-display-3: 40px;
  --awe-line-height-headline-1: 40px;
  --awe-line-height-headline-2: 36px;
  --awe-line-height-headline-3: 32px;
  --awe-line-height-title-1: 28px;
  --awe-line-height-title-2: 24px;
  --awe-line-height-body-1: 24px;
  --awe-line-height-body-2: 20px;
  --awe-line-height-caption-1: 24px;
  --awe-line-height-caption-2: 16px;
  --awe-line-height-fineprint-1: 16px;
  --awe-line-height-fineprint-2: 12px;

  /* font family */
  --awe-default-font-family: Open Sans, sans-serif;

  /* typography */
  /*display*/
  --awe-font-display-large: var(--awe-font-weight-extra-bold)
    var(--awe-font-size-display-1) / var(--awe-line-height-display-1)
    var(--awe-default-font-family);
  --awe-font-display-medium: var(--awe-font-weight-extra-bold)
    var(--awe-font-size-display-2) / var(--awe-line-height-display-2)
    var(--awe-default-font-family);
  --awe-font-display-small: var(--awe-font-weight-extra-bold)
    var(--awe-font-size-display-3) / var(--awe-line-height-display-3)
    var(--awe-default-font-family);

  /*headline*/
  --awe-font-headline-large: var(--awe-font-weight-extra-bold)
    var(--awe-font-size-headline-1) / var(--awe-line-height-headline-1)
    var(--awe-default-font-family);
  --awe-font-headline-medium: var(--awe-font-weight-extra-bold)
    var(--awe-font-size-headline-2) / var(--awe-line-height-headline-2)
    var(--awe-default-font-family);
  --awe-font-headline-small: var(--awe-font-weight-extra-bold)
    var(--awe-font-size-headline-3) / var(--awe-line-height-headline-3)
    var(--awe-default-font-family);

  /* title */
  --awe-font-title-large: var(--awe-font-weight-bold)
    var(--awe-font-size-title-1) / var(--awe-line-height-title-1)
    var(--awe-default-font-family);
  --awe-font-title-medium: var(--awe-font-weight-bold)
    var(--awe-font-size-title-2) / var(--awe-line-height-title-2)
    var(--awe-default-font-family);

  /* body */
  --awe-font-body-large: var(--awe-font-weight-regular)
    var(--awe-font-size-body-1) / var(--awe-line-height-body-1)
    var(--awe-default-font-family);
  --awe-font-body-large-bold: var(--awe-font-weight-bold)
    var(--awe-font-size-body-1) / var(--awe-line-height-body-1)
    var(--awe-default-font-family);
  --awe-font-body-medium: var(--awe-font-weight-regular)
    var(--awe-font-size-body-2) / var(--awe-line-height-body-2)
    var(--awe-default-font-family);
  --awe-font-body-medium-bold: var(--awe-font-weight-bold)
    var(--awe-font-size-body-2) / var(--awe-line-height-body-2)
    var(--awe-default-font-family);

  /* caption */
  --awe-font-caption-large: var(--awe-font-weight-regular)
    var(--awe-font-size-caption-1) / var(--awe-line-height-caption-1)
    var(--awe-default-font-family);
  --awe-font-caption-large-bold: var(--awe-font-weight-bold)
    var(--awe-font-size-caption-1) / var(--awe-line-height-caption-1)
    var(--awe-default-font-family);
  --awe-font-caption-medium: var(--awe-font-weight-regular)
    var(--awe-font-size-caption-2) / var(--awe-line-height-caption-2)
    var(--awe-default-font-family);
  --awe-font-caption-medium-bold: var(--awe-font-weight-bold)
    var(--awe-font-size-caption-2) / var(--awe-line-height-caption-2)
    var(--awe-default-font-family);

  /* fine print */
  --awe-font-fine-print-large: var(--awe-font-weight-regular)
    var(--awe-font-size-fineprint-1) / var(--awe-line-height-fineprint-1)
    var(--awe-default-font-family);
  --awe-font-fine-print-large-bold: var(--awe-font-weight-bold)
    var(--awe-font-size-fineprint-1) / var(--awe-line-height-fineprint-1)
    var(--awe-default-font-family);
  --awe-font-fine-print-medium: var(--awe-font-weight-regular)
    var(--awe-font-size-fineprint-2) / var(--awe-line-height-fineprint-2)
    var(--awe-default-font-family);
  --awe-font-fine-print-medium-bold: var(--awe-font-weight-bold)
    var(--awe-font-size-fineprint-2) / var(--awe-line-height-fineprint-2)
    var(--awe-default-font-family);
}