@font-face{font-family:"Clash Display";src:url("assets/fonts/clash-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Clash Display";src:url("assets/fonts/clash-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("assets/fonts/general-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("assets/fonts/general-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("assets/fonts/general-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root {
  --mg-ink: oklch(20% .012 55);
  --mg-paper: oklch(97.2% .009 72);
  --mg-white: oklch(99.2% .005 72);
  --mg-signal: oklch(61% .17 35);
  --mg-signal-ink: oklch(99% .004 72);
  --mg-muted: oklch(63% .012 60);
  --mg-copy-muted: oklch(43% .014 55);
  --mg-dark-muted: oklch(79% .012 65);
  --mg-focus: oklch(61% .17 35);
  --mg-soft: oklch(91% .012 72);
  --mg-wash: oklch(94.5% .01 72);
  --mg-success: oklch(91% .08 145);
  --mg-error: oklch(91% .07 25);
  --mg-line: oklch(20% .008 255 / .14);
  --mg-display: "General Sans", Arial, sans-serif;
  --mg-sans: "General Sans", Arial, sans-serif;
  --mg-gutter: clamp(1rem, 3vw, 3rem);
  --mg-max: 92rem;
  --mg-fast: 180ms;
  --mg-base: 420ms;
  --mg-ease: cubic-bezier(.2,.8,.2,1);
  --mg-radius-sm: 4px;
  --mg-radius-md: 10px;
  --mg-radius-pill: 999px;
  --mg-space-xs: .5rem;
  --mg-space-sm: 1rem;
  --mg-space-md: 1.5rem;
  --mg-space-lg: 2rem;
  --mg-space-xl: 3rem;
  --mg-space-2xl: 5rem;
  --mg-space-3xl: 8rem;
  --mg-shadow-panel: 0 18px 60px oklch(20% .008 255 / .16), 0 2px 8px oklch(20% .008 255 / .08);
}