/* Generated from tokens.json by build_tokens.py. Do not edit. */
:root {
  --paper: #ffffff;
  --paper-raised: #ffffff;
  --paper-sunken: #f5f7fc;
  --ink: #0b0f1a;
  --ink-muted: #5b6477;
  --ink-faint: #9aa3b5;
  --rule: #e6eaf2;
  --rule-strong: #ccd4e3;
  --blade: #1f5ae0;
  --blade-deep: #0f2f7a;
  --blade-tint: #eef3ff;
  --glow: #7bb0ff;
  --aura-cyan: #4fd1ff;
  --ink-on-blade: #ffffff;
  --ok: #0f7a44;
  --warn: #8a5a00;
  --stop: #c0263a;
  --shadow-pop: 0 4px 16px rgba(25, 23, 18, 0.10);
  --shadow-modal: 0 16px 48px rgba(25, 23, 18, 0.16);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --font-display: "Schibsted Grotesk", system-ui, sans-serif;
  --font-sans: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0b0e14;
    --paper-raised: #141821;
    --paper-sunken: #090c12;
    --ink: #eef1f7;
    --ink-muted: #98a1b4;
    --ink-faint: #666f80;
    --rule: #232936;
    --rule-strong: #39414f;
    --blade: #6d9fff;
    --blade-deep: #0f2f7a;
    --blade-tint: #141f36;
    --glow: #a9cbff;
    --aura-cyan: #2aa5d8;
    --ink-on-blade: #0b0e14;
    --ok: #5fd49a;
    --warn: #f2c86b;
    --stop: #ff8a97;
    --shadow-pop: 0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-modal: 0 16px 48px rgba(0, 0, 0, 0.6);
  }
}
[data-theme="dark"] {
  --paper: #0b0e14;
  --paper-raised: #141821;
  --paper-sunken: #090c12;
  --ink: #eef1f7;
  --ink-muted: #98a1b4;
  --ink-faint: #666f80;
  --rule: #232936;
  --rule-strong: #39414f;
  --blade: #6d9fff;
  --blade-deep: #0f2f7a;
  --blade-tint: #141f36;
  --glow: #a9cbff;
  --aura-cyan: #2aa5d8;
  --ink-on-blade: #0b0e14;
  --ok: #5fd49a;
  --warn: #f2c86b;
  --stop: #ff8a97;
  --shadow-pop: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-modal: 0 16px 48px rgba(0, 0, 0, 0.6);
}
.display-xl {
  font-family: var(--font-display);
  font-size: 76px;
  line-height: 76px;
  font-weight: 500;
  letter-spacing: -0.04em;
}
.display-l {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.display-m {
  font-family: var(--font-display);
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.body {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
}
.body-strong {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 23px;
  font-weight: 600;
}
.small {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
}
.label {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.code {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}
.code-lg {
  font-family: var(--font-mono);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.08em;
}