:root {
  /* SportsTG */
  --primary: #0c71e6;
  --secondary: #13174f;

  --gameday-color: #4fc5c9;
  --gameday-color-hs: 182 53%;

  --black: #222;
  --grey-dark: #5A697F;
  --grey: #ccc;
  --grey-light: #eee;
  --stg-navy: #13174f;

  /* GameDay */
  /* --primary: #4ec3c8;
  --secondary: #304a9a; */
  --accent-one: #111941;
  --accent-two: #576881;
  --primary-alternate: #fff;
  --secondary-alternate: #fff;
  --accent-one-alternate: #fff;
  --accent-two-alternate: #fff;
  --green: #77ddb8;
  --success-green: #008a00;
  --light-success-green: #eef8ee;
  --red: #ca3d5f;
  --red-light: #f9ebef;
  --yellow: #f4c175;
  --yellow-light: #FFEACB;
  --blue: #304a9a;
  --navy: #111941;
  --dark-navy: #0d1330;
  /* --black: #000;
  --grey-dark: #576881;
  --grey: #c3d2e1;
  --grey-light: #e5ebf1; */
  --off-white: #f7fafd;
  --white: #fff;

  /* Typography */
  --font-family: "Barlow", sans-serif;
  --header-font-color: var(--dark-navy);
  --text-color-body: var(--grey-dark);
  --text-color-link: var(--primary);
  --default-text-size: 1rem;
  --small-text-size: 0.875rem;
  --large-text-size: 1.25rem;
  --h1-size: var(--large-text-size);
  --h2-size: var(--large-text-size);
  --h3-size: var(--default-text-size);

  /* Defaults */
  --border-radius: 4px;
  --border-color: #D5DEE7;
  --border: 1px solid var(--border-color);
  --border-active: 1px solid var(--primary);
  --border-dashed: 1px dashed var(--border-color);

  /* Layout */
  --body-bg-color: var(--accent-one);
  --body-bg-image: url(../images/regoform/gameday_bg.png);
  --header-bg-color: var(--white);
  --header-text-color: var(--accent-one);
  --content-bg-color: var(--white);

  --global-bg-color: var(--primary);
  --global-text-color: var(--white);

  --step-bg-color: var(--off-white);
  --step-font-color: var(--grey-dark);
  --step-active-bg-color: var(--secondary);
  --step-active-font-color: var(--secondary-alternate);

  --footer-text: var(--accent-one-alternate);

  /* Forms */
  --label-text-color: var(--grey-dark);
  --field-text-color: var(--grey-dark);
  --field-font-size: 0.9375rem;
  --field-placeholder-color: var(--grey-dark);

  --field-disabled-bg: var(--off-white);
  --field-disabled-border-color: var(--grey-light);

  --checkbox-background: var(--primary);

  --button-primary-bg-color: var(--primary);
  --button-primary-border-color: var(--primary);
  --button-primary-text-color: var(--primary-alternate);

  --button-secondary-bg-color: var(--secondary);
  --button-secondary-border-color: var(--secondary);
  --button-secondary-text-color: var(--secondary-alternate);

  --terms-text-color: var(--grey-dark);

  --info-banner-border-color: #AFBDCA;

  --error-banner-bg-color: var(--yellow-light);
  --error-banner-border-color: var(--yellow);
  --error-banner-text-color: var(--navy);

  /* Modal/Dialog */
  --modal-title-font-size: 1.125rem;
  --modal-title-font-color: var(--navy);

  --icon-color: var(--grey-dark);

  --default-shadow: 0px 2px 12px rgba(17, 25, 65, 0.15);
}