/* The only place colors and fonts are defined. Swap the theme by editing this file. */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Familjen+Grotesk:wght@700&display=swap");

:root {
  /* Brand */
  --navy: #083D77;
  --teal: #00A6A6;
  --gold: #E3C567;
  --accent: #F26430;

  /* Neutrals */
  --bg: #FAF8F3;
  --text: #1F2933;
  --soft: #E6F4F4;
  --link: #007A7A;
  --error: #B42318;
  --white: #FFFFFF;
  --shadow: rgba(8, 61, 119, 0.08);

  /* Type */
  --font-heading: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;

  /* Shape */
  --radius: 8px;
}