@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/_shared/fonts/anton-400.woff2) format('woff2')}
@font-face{font-family:'Kalam';font-style:normal;font-weight:400;font-display:swap;src:url(/_shared/fonts/kalam-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/_shared/fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(/_shared/fonts/inter-800.woff2) format('woff2')}

:root{
  --chartreuse:#CCD44F;
  --chartreuse-deep:#B4BC35;
  --ink:#141413;
  --ink-soft:#1D1D1F;
  --charcoal:#46494B;
  --paper:#FAF9F5;
  --coral:#E85D4A;
  --coral-light:#F79A83;
  --rust:#7E2A1E;

  --space-xs:4px;
  --space-sm:8px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:32px;
  --space-2xl:48px;
  --space-3xl:64px;

  --font-display:'Anton',Impact,'Arial Narrow',sans-serif;
  --font-hand:'Kalam','Comic Sans MS',cursive;
  --font-body:'Inter',system-ui,sans-serif;

  --label-size:14px;
  --label-weight:800;
  --label-line:1.4;
  --body-size:16px;
  --body-weight:400;
  --body-line:1.5;
  --heading-size:28px;
  --heading-line:1.2;
  --display-size:clamp(44px,8vw,72px);
  --display-line:1.15;

  --accent:var(--chartreuse);
  --accent-hover:var(--chartreuse-deep);
  --accent-text-on-ink:var(--chartreuse);
}

body[data-site="pickleball"]{
  --accent:var(--coral);
  --accent-hover:var(--coral-light);
  --accent-text-on-ink:var(--coral-light);
}