/* ==========================================================================
   THEME
   Design tokens: colors, spacing, typography. Optional section per the
   5-part system, used here for all custom-property definitions.
   ========================================================================== */
/* Font imports */
@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

:root {
  --_spacing---spacing-x-large: 3rem;
  --pressed-color: #545454;
  --background-color: #fffffd;
  --fonts--main-font-family: "Young Serif", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --fonts--secondary-font-family: "Instrument Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --primary-color: #1f1f29;
  --_fonts---paragraph: 1.125rem;
  --_line-height---paragraph-line-height: 150%;
  --_spacing---spacing-small: 1rem;
  --_spacing---spacing-large: 2rem;
  --_spacing---spacing-medium: 1.5rem;
  --_spacing---spacing-xxl: 4rem;
  --container-color: #f8f8f8;
  --shadow-color: #5e5e5e33;
  --_line-height---heading-line-height: 120%;
  --accent-color-3: #005806;
  --accent-color-2: #1f4863;
  --_fonts---medium-plus: 2.25rem;
  --_fonts---medium: 2rem;
  --_fonts---descriptor-tiny: 1rem;
  --_fonts---x-small: 1.25rem;
  --_fonts---small: 1.5rem;
  --_fonts---large: 3.25rem;
  --frustration-pink: #f1a9bb;
  --frustration-red: #b5251e;
}