:root {
  --color-primary: #679aac;
  --color-secondary: #f8f7e5;
  --color-tertiary: #1d1d1d;

  --color-bg-card: #f9af42;
  --color-bg-hover: #ff834f;

  --color-txt-primary: #f8f7e5;
  --color-txt-secondary: #1d1d1d;
  --color-txt-tertiary: #679aac;
  --color-txt-quaternary: #f9af42;
  --color-txt-quinary: #ff834f;
}

:root {
  --font-primary: "Quicksand";
  --font-secondary: "Eczar";

  --fw-regular: 400;
  --fw-bold: 700;

  --fs-h1: clamp(2.5rem, 1rem + 6vw, 6rem);
  --fs-h2: clamp(2rem, 0.8rem + 4vw, 4.5rem);
  --fs-h3: clamp(1.25rem, 0.6rem + 1.5vw, 1.5rem);
  --fs-body: clamp(1rem, 0.8rem + 0.5vw, 1rem);
}