@font-face {
  font-display: swap;
  font-family: "Scorekard";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/Scorekard-Regular-40d3b7b2.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Scorekard";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/Scorekard-Semibold-177aaed5.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Scorekard";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/Scorekard-Bold-97f5b7d4.woff2") format("woff2");
}

:root {
  --system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --brand-font: "Scorekard", var(--system-font);

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.3125rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2rem;
  --font-size-display: clamp(2.5rem, 6vw, 4rem);
  --font-size-page-subtitle: clamp(var(--font-size-xl), 3vw, var(--font-size-3xl));

  --line-height-tight: 1.2;
  --line-height-heading: 1.3;
  --line-height-body: 1.5;
  --line-height-relaxed: 1.7;
}