@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700&display=swap");

/* VARIABLES */
:root {
  /* Font Families */
  --font-primary: "Jacquarda Bastarda 9", serif;
  --font-heading: "Jacquard 12", cursive;
  --font-display: "Fredoka One", cursive;
  --font-mono: "Courier New", monospace;

  /* Short aliases */
  --font-body: var(--font-primary);
  --font-title: var(--font-heading);

  /* Font Weights */
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Short aliases */
  --fw-regular: var(--font-weight-normal);
  --fw-semibold: var(--font-weight-semibold);
  --fw-bold: var(--font-weight-bold);

  /* Font Sizes */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;

  /* Short aliases */
  --fs-base: var(--font-size-md);
  --fs-lg: var(--font-size-lg);
  --fs-xl: var(--font-size-xl);
  --fs-2xl: var(--font-size-2xl);
  --fs-3xl: var(--font-size-3xl);
  --fs-4xl: var(--font-size-4xl);

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-loose: 1.8;

  /* Short aliases */
  --lh-tight: var(--line-height-tight);
  --lh-normal: var(--line-height-normal);
  --lh-loose: var(--line-height-loose);
}