:root {
  --main: #284A43;
  --main-dark: #1D3934;
  --main-light: rgba(40, 74, 67, .12);
  --main-shadow: rgba(40, 74, 67, .3);

  --secondary: #A74734;
  --flag: #DF9D69;

  --dark: #202825;

  --surface: #FFFEFA;

  --background: #F7F5EF;
  --main-background: #EFEEE8;
  --muted-background: #ECE9E1;

  --border: #E4E0D7;

  --main-text: #202825;
  --muted-text: #626B65;
  --light-text: #FFFFFF;
  --secondary-text: #48524D;

  --danger: #B3261E;
  --danger-shadow: rgba(179, 38, 30, .15);

  --success: #2F6A4E;
  --success-shadow: rgba(47, 106, 78, .15);

  --warning: #FFA70B;
  --warning-shadow: rgba(255, 167, 11, .15);

  --star: #D58A42;
}

/* Morrow design tokens shared by every storefront page. Funnel caps may refine them for their question flow. */
:root {
  --display: "Newsreader", Georgia, serif;
  --body: "Manrope", Arial, sans-serif;
  --wordmark: "Manrope", Arial, sans-serif;

  --max: 1240px;

  --main: #234d42;
  --main-dark: #1b3d35;
  --main-light: #dce8dc;
  --main-shadow: rgba(35, 77, 66, .18);
  --secondary: #ad5138;
  --flag: #e9efe3;
  --dark: #202b28;
  --surface: #fbfaf6;
  --background: #f4f2eb;
  --main-background: #efeee8;
  --muted-background: #e9efe3;
  --border: #d9ded6;
  --main-text: #202b28;
  --muted-text: #56635f;
  --light-text: #fbfaf6;
  --secondary-text: #56635f;
  --danger: #9c3327;
  --success: #234d42;
  --warning: #9a6516;
  --star: #ad5138;

  --cta-from: #c8e784;
  --cta-to: #c8e784;
  --cta-hover-from: #b7dc6f;
  --cta-hover-to: #b7dc6f;
  --cta-shadow: rgba(35, 77, 66, .18);
  --cta-bg: #c8e784;
  --cta-bg-hover: #b7dc6f;
}