/* Cirrus — generated from tokens.json. Edit tokens.json, then regenerate; do not hand-edit values here. */

/* Colour: light is the default theme */
:root, [data-theme="light"] {
  --sky: #5da3e8;
  --cloud: #f4f9fe;
  --on-sky: #0f2942;
  --sky-deep: #1c5fa5;
  --sky-tint: #dcebfa;
  --surface: #ffffff;
  --surface-raised: #f4f9fe;
  --ink: #0f2942;
  --ink-muted: #4a6079;
  --line: #c9d9ea;
  --line-strong: #647f9c;
  --focus-ring: #1c5fa5;
}

/* Colour: dark, when set explicitly */
[data-theme="dark"] {
  --sky: #5da3e8;
  --cloud: #f4f9fe;
  --on-sky: #0f2942;
  --sky-deep: #8cc0f2;
  --sky-tint: #1b3b5c;
  --surface: #0b1b2e;
  --surface-raised: #12283f;
  --ink: #f4f9fe;
  --ink-muted: #a9bdd3;
  --line: #26425f;
  --line-strong: #6f8cab;
  --focus-ring: #8cc0f2;
}

/* Colour: dark, following the system setting unless a theme is set explicitly */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --sky: #5da3e8;
    --cloud: #f4f9fe;
    --on-sky: #0f2942;
    --sky-deep: #8cc0f2;
    --sky-tint: #1b3b5c;
    --surface: #0b1b2e;
    --surface-raised: #12283f;
    --ink: #f4f9fe;
    --ink-muted: #a9bdd3;
    --line: #26425f;
    --line-strong: #6f8cab;
    --focus-ring: #8cc0f2;
  }
}

/* Spacing, corners and type family */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

/* Type styles */
.display {
  font-family: var(--font-mono);
  font-size: 48px;
  line-height: 52px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.heading-lg {
  font-family: var(--font-mono);
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.heading {
  font-family: var(--font-mono);
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.title {
  font-family: var(--font-mono);
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.body {
  font-family: var(--font-mono);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.small {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}
.label {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
}