/* Meanwhile — generated from tokens/tokens.json. Edit the JSON, not this file. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@800;900&family=Archivo+Black&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap');

:root, [data-theme="light"] {
  --mw-paper: #fbf8f1;
  --mw-paper-raised: #ffffff;
  --mw-ink: #111111;
  --mw-ink-muted: #5c5850;
  --mw-edge: #111111;
  --mw-hairline: #e4ded2;
  --mw-caption: #f7d84a;
  --mw-on-caption: #111111;
  --mw-caption-soft: #fff1bf;
  --mw-pop-red: #d7301f;
  --mw-on-pop-red: #ffffff;
  --mw-pop-cyan: #3cc8f0;
  --mw-on-pop-cyan: #111111;
  --mw-go: #17763f;
  --mw-focus: #2f5bff;
  --mw-shadow-pop: 4px 4px 0 0 #111111;
  --mw-shadow-pop-lg: 8px 8px 0 0 #111111;
  --mw-shadow-press: 1px 1px 0 0 #111111;
}

[data-theme="dark"] {
  --mw-paper: #141311;
  --mw-paper-raised: #1e1c19;
  --mw-ink: #f5f1e8;
  --mw-ink-muted: #a39d91;
  --mw-edge: #f5f1e8;
  --mw-hairline: #34312c;
  --mw-caption: #f7d84a;
  --mw-on-caption: #111111;
  --mw-caption-soft: #3a3215;
  --mw-pop-red: #ff6b5c;
  --mw-on-pop-red: #111111;
  --mw-pop-cyan: #3cc8f0;
  --mw-on-pop-cyan: #111111;
  --mw-go: #4cc38a;
  --mw-focus: #6e8bff;
  --mw-shadow-pop: 4px 4px 0 0 #f5f1e8;
  --mw-shadow-pop-lg: 8px 8px 0 0 #f5f1e8;
  --mw-shadow-press: 1px 1px 0 0 #f5f1e8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mw-paper: #141311;
    --mw-paper-raised: #1e1c19;
    --mw-ink: #f5f1e8;
    --mw-ink-muted: #a39d91;
    --mw-edge: #f5f1e8;
    --mw-hairline: #34312c;
    --mw-caption: #f7d84a;
    --mw-on-caption: #111111;
    --mw-caption-soft: #3a3215;
    --mw-pop-red: #ff6b5c;
    --mw-on-pop-red: #111111;
    --mw-pop-cyan: #3cc8f0;
    --mw-on-pop-cyan: #111111;
    --mw-go: #4cc38a;
    --mw-focus: #6e8bff;
    --mw-shadow-pop: 4px 4px 0 0 #f5f1e8;
    --mw-shadow-pop-lg: 8px 8px 0 0 #f5f1e8;
    --mw-shadow-press: 1px 1px 0 0 #f5f1e8;
  }
}

:root {
  --mw-space-1: 4px;
  --mw-space-2: 8px;
  --mw-space-3: 12px;
  --mw-space-4: 16px;
  --mw-space-5: 24px;
  --mw-space-6: 32px;
  --mw-space-7: 48px;
  --mw-space-8: 64px;
  --mw-radius-0: 0px;
  --mw-radius-sm: 4px;
  --mw-radius-md: 8px;
  --mw-radius-pill: 999px;
  --mw-stroke-hair: 1px;
  --mw-stroke-bold: 2px;
  --mw-stroke-heavy: 3px;
  --mw-font-display: "Archivo", "Arial Black", system-ui, sans-serif;
  --mw-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mw-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  --mw-font-logo: "Archivo Black", "Arial Black", sans-serif;
  /* the phone type scale ("Mobile" in tokens.json; px = dp / sp on Android): font shorthand, then tracking */
  --mw-mobile-display-xl: 900 56px/56px var(--mw-font-display);
  --mw-mobile-display-xl-tracking: -0.02em;
  --mw-mobile-display-l: 900 40px/44px var(--mw-font-display);
  --mw-mobile-display-l-tracking: -0.015em;
  --mw-mobile-title: 800 24px/30px var(--mw-font-display);
  --mw-mobile-title-tracking: -0.01em;
  --mw-mobile-heading: 600 18px/24px var(--mw-font-sans);
  --mw-mobile-body: 400 16px/24px var(--mw-font-sans);
  --mw-mobile-body-s: 400 14px/20px var(--mw-font-sans);
  --mw-mobile-label: 600 12px/16px var(--mw-font-sans);
  --mw-mobile-label-tracking: 0.08em;
  --mw-mobile-button: 600 15px/20px var(--mw-font-sans);
  --mw-mobile-caption: 900 14px/18px var(--mw-font-display);
  --mw-mobile-caption-tracking: 0.06em;
  --mw-mobile-numeral: 500 16px/24px var(--mw-font-mono);
  --mw-mobile-numeral-l: 500 32px/36px var(--mw-font-mono);
  --mw-mobile-numeral-l-tracking: -0.02em;
}