Underarmour

:root {
  --color-dominant: #449498;
  --color-surface: #5e3328;
  --color-ink: #f47c7c;
  --color-accent: #a07763;
  --color-detail: #c0c5ba;
}

/* CSS variables exposed by source */
:root {
  --color-dark-green: #008850;
  --color-red-3: #fab2ba;
  --color-red-2: #ff2a29;
  --color-grey-4: #d0d0d0;
  --color-secondary-nav: #d0d0d0;
  --color-hr-yellow: #ffde00;
  --spacing-md: 32px;
  --spacing-2xl: 80px;
  --color-grey-3: #5a5a5a;
  --spacing-xl: 64px;
  --color-red-4: #e93e51;
  --spacing-sm: 24px;
  --color-focus-shadow: #14a1ff;
  --spacing-3xs: 4px;
  --font-condensed-black: 800;
  --color-white: #1d1d1d;
  --spacing-3xl: 120px;
  --color-secondary-text: #949494;
  --font-bold: 700;
  --color-red-1: #e51b24;
  --spacing-xs: 16px;
  --color-grey-6: #f7f7f7;
  --color-red: #ff2a29;
  --color-mint-green: #e5f3ed;
  --color-grey-2: #5f5f5f;
  --spacing-3md: 48px;
  --color-green: #00aa52;
  --spacing-4xs: 2px;
  --color-amber: #ffc700;
  --color-red-5: #960314;
  --font-size-h6: calc(16rem / 16);
  --color-page-background: #1d1d1d;
  --font-size-body: calc(14rem / 16);
  --spacing-2xs: 8px;
  --color-grey-5: #949494;
  --border-radius-round: 50%;
  --spacing-lg: 56px;
  --font-size-h2: calc(48rem / 16);
  --font-size-h3: calc(40rem / 16);
  --border-radius-medium: 8px;
  --color-ghost-option: #190c0c;
  --font-size-h1: calc(64rem / 16);
  --spacing-2md: 40px;
  --font-size-h4: calc(32rem / 16);
  --border-angle: 0deg;
  --color-nav-background: #1d1d1d;
  --color-grey-1: #282828;
  --color-screen-background: #00000080;
  --font-size-legal: calc(10rem / 16);
  --font-semibold: 600;
  --border-radius-small: 3px;
  --font-regular: 400;
  --font-size-subtext: calc(12rem / 16);
  --border-radius-large: 16px;
  --font-size-h5: calc(24rem / 16);
  --color-black: #fff;
  --font-size-h6-large: calc(20rem / 16);
  --font-size-body-large: calc(15rem / 16);
  --color-primary-text: #fff;
  --font-size-body-larger: calc(20rem / 16);
}