@font-face {
  font-family: 'DM Sans';
  src: url('/firstwaddle/firstwaddle-dm-sans.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/firstwaddle/firstwaddle-cormorant-garamond.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
}

:root {
  --fw-ink: #1a1a1a;
  --fw-muted: #6f625e;
  --fw-paper: #fdf8f3;
  --fw-blush: #fbede6;
  /* Signature clay. Decorative only: borders and ornaments, never text. */
  --fw-clay: #c48a7d;
  /*
   * Text-bearing clay tones. Same hue (11deg) and saturation (37.6%) as
   * --fw-clay, darkened to clear WCAG AA on paper, white, and blush, and to
   * carry white text when used as a fill. See tests/contrast.test.mjs.
   */
  --fw-clay-dark: #7e4639;
  --fw-clay-deep: #62362d;
  --fw-clay-line: rgba(126, 70, 57, 0.75);
  --fw-error: #b3261e;
  --fw-night: #0a0428;
  --fw-white: #ffffff;
  --fw-line: rgba(26, 26, 26, 0.12);
  --fw-shadow: 0 18px 50px rgba(70, 40, 35, 0.09);
  --font-body:
    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
}