/* Morrow design tokens and fallback colours. The store theme below overrides every colour it sets. */
:root {
  /* Rounded sans to match a rounded brand logo: Nunito for headings, Nunito Sans for text. */
  --display: "Nunito", "Nunito Sans", Arial, sans-serif;
  --body: "Nunito Sans", Arial, sans-serif;
  --wordmark: "Nunito", Arial, sans-serif;

  --max: 1240px;

  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --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;
  --cta-text: #202b28;
}

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

  --secondary: #A74734;
  --flag: #D6E6D9;

  --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;

  --cta-bg: #2F6A4E;
  --cta-bg-hover: #285C43;
  --cta-text: #FFFFFF;
  --cta-from: #2F6A4E;
  --cta-to: #2F6A4E;
  --cta-hover-from: #285C43;
  --cta-hover-to: #285C43;
  --cta-shadow: color-mix(in srgb, #2F6A4E 30%, transparent);
}
