/* Brand CSS */

:root {
  --deep_blue: #123046;
  --yolk_yellow: #ecd655;
  --warm_black: #231f20;
  --tan_brown: #bd852c;
  --coral_pink: #ed6f6e;
  --peach_pink: #f4c0a7;
  --light_blue: #97b9c5;
  --latte: #EDDDC4;
  --white: #fff;
  --black: #000;
  --primary: var(--deep_blue);
  --secondary: var(--yolk_yellow);
  --tertiary: var(--tan_brown);
  --text: var(--warm_black);
  --heading: "montserrat", sans-serif;
  --body: "source-sans-pro", sans-serif;
  --font-xl: 2.77em;
  --font-lg: 2.33em;
  --font-md: 1.77em;
  --font-sm: 1.11em;
  --font-xs: 0.888em;
  --line-height-1: 1.25em;
  --line-height-2: 1.35em;
  --line-height-3: 1.45em;
}