/* GENERATED from design-authority/packs/kenzal-future-systems/tokens.json by tools/build-tokens.mjs — do not edit. */
:root {
  --font-display: Sora, "Segoe UI", "Helvetica Neue", sans-serif;
  --font-text: Geist, "Segoe UI", "Helvetica Neue", sans-serif;
  --font-mono: "Geist Mono", SFMono-Regular, Consolas, monospace;
  --text-s0: 0.8125rem;
  --text-s1: 0.9375rem;
  --text-s2: 1.062rem;
  --text-s3: 1.25rem;
  --text-s4: 1.562rem;
  --text-s5: 2rem;
  --text-s6: 2.625rem;
  --text-s7: 3.5rem;
  --text-s8: 4.375rem;
  --radius-ceiling: 14px;
  --space-basis: 4px;
  --motion-max: 900ms;
  --colour-paper: #070d1f;
  --colour-paper-raised: #0e1731;
  --colour-ink: #e6ecff;
  --colour-ink-soft: #aebbe0;
  --colour-ink-mute: #8f9cc4;
  --colour-rule: #1a2547;
  --colour-rule-strong: #5d6c9c;
  --colour-brand: #4de1ff;
  --colour-brand-hover: #8aecff;
  --colour-brand-ink: #04122a;
  --colour-support: #8c9bff;
  --colour-support-soft: #121f45;
  --colour-accent: #ff7ad9;
  --colour-inverse-bg: #03071a;
  --colour-inverse-ink: #e6ecff;
  --colour-inverse-mute: #8f9cc4;
  --colour-mint: #5cf2b5;
  --colour-glow: #4de1ff;
  --focus-ring: #5cf2b5;
  --focus-ring-inverse: #5cf2b5;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --colour-paper: #f4f7ff;
    --colour-paper-raised: #e7edfb;
    --colour-ink: #0a1230;
    --colour-ink-soft: #323e66;
    --colour-ink-mute: #4b5781;
    --colour-rule: #d0d9f0;
    --colour-rule-strong: #66729c;
    --colour-brand: #0a6f8c;
    --colour-brand-hover: #085a72;
    --colour-brand-ink: #ffffff;
    --colour-support: #4453c9;
    --colour-support-soft: #e2e8ff;
    --colour-accent: #b0278f;
    --colour-inverse-bg: #070d1f;
    --colour-inverse-ink: #e6ecff;
    --colour-inverse-mute: #8f9cc4;
    --colour-mint: #0b7a52;
    --colour-glow: #0a6f8c;
    --focus-ring: #b0278f;
    --focus-ring-inverse: #5cf2b5;
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --colour-paper: #f4f7ff;
  --colour-paper-raised: #e7edfb;
  --colour-ink: #0a1230;
  --colour-ink-soft: #323e66;
  --colour-ink-mute: #4b5781;
  --colour-rule: #d0d9f0;
  --colour-rule-strong: #66729c;
  --colour-brand: #0a6f8c;
  --colour-brand-hover: #085a72;
  --colour-brand-ink: #ffffff;
  --colour-support: #4453c9;
  --colour-support-soft: #e2e8ff;
  --colour-accent: #b0278f;
  --colour-inverse-bg: #070d1f;
  --colour-inverse-ink: #e6ecff;
  --colour-inverse-mute: #8f9cc4;
  --colour-mint: #0b7a52;
  --colour-glow: #0a6f8c;
  --focus-ring: #b0278f;
  --focus-ring-inverse: #5cf2b5;
  color-scheme: light;
}