/* Generated from design-tokens.json. Do not edit. */
:root {
  /* primitive */
  --cl-canvas: #f3f0e8;
  --cl-paper: #fffdf8;
  --cl-paper-blue: #edf0ff;
  --cl-paper-coral: #fff0eb;
  --cl-paper-yellow: #fff7ca;
  --cl-ink: #11151b;
  --cl-ink-soft: #1c242b;
  --cl-ink-body: #37413f;
  --cl-muted: #566260;
  --cl-line: #9aa6a1;
  --cl-line-soft: #d4d9d5;
  --cl-atlas-divider: #39433f;
  --cl-atlas-muted: #aeb8b4;
  --cl-atlas-border: #53605b;
  --cl-atlas-instruction: #7e8985;
  --cl-atlas-thread: #89938f;
  --cl-atlas-node-line: #8d9894;
  --cl-atlas-node-detail: #3d4946;
  --cl-modal-scrim: rgb(17 21 27 / 0.58);
  --cl-mint: #74d8b8;
  --cl-mint-dark: #123f33;
  --cl-blue: #4054e8;
  --cl-coral: #ff765f;
  --cl-yellow: #f5d64e;
  --cl-white: #ffffff;
  --cl-space-1: 0.25rem;
  --cl-space-2: 0.5rem;
  --cl-space-3: 0.75rem;
  --cl-space-4: 1rem;
  --cl-space-5: 1.25rem;
  --cl-space-6: 1.5rem;
  --cl-space-8: 2rem;
  --cl-space-10: 2.5rem;
  --cl-space-12: 3rem;
  --cl-space-16: 4rem;
  --cl-space-20: 5rem;
  --cl-space-24: 6rem;
  --cl-font-display: "Manrope", "Segoe UI", system-ui, sans-serif;
  --cl-font-reading: "Manrope", "Segoe UI", system-ui, sans-serif;
  --cl-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --cl-type-2xs: 0.6875rem;
  --cl-type-xs: 0.75rem;
  --cl-type-sm: 0.875rem;
  --cl-type-body: 1rem;
  --cl-type-lead: clamp(1.0625rem, 1.4vw, 1.25rem);
  --cl-type-title: clamp(2.6rem, 5.4vw, 5.8rem);
  --cl-type-display: clamp(3.4rem, 7.2vw, 7.4rem);
  --cl-weight-regular: 430;
  --cl-weight-medium: 560;
  --cl-weight-semibold: 680;
  --cl-weight-bold: 800;
  --cl-leading-tight: 1.02;
  --cl-leading-title: 1;
  --cl-leading-body: 1.55;
  --cl-leading-reading: 1.72;
  --cl-tracking-display: -0.062em;
  --cl-tracking-title: -0.04em;
  --cl-tracking-label: 0.07em;
  --cl-measure-reading: 70ch;
  --cl-line-hair: 1px;
  --cl-line-strong: 2px;
  --cl-radius-xs: 8px;
  --cl-radius-sm: 12px;
  --cl-radius-md: 16px;
  --cl-radius-lg: 24px;
  --cl-radius-pill: 999px;
  --cl-control: 44px;
  --cl-header: 72px;
  --cl-duration-fast: 140ms;
  --cl-duration-ui: 220ms;
  --cl-duration-level: 320ms;
  --cl-ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --cl-ease-move: cubic-bezier(0.25, 1, 0.5, 1);
  /* semantic */
  --surface-page: var(--cl-canvas);
  --surface-panel: var(--cl-paper);
  --surface-module: var(--cl-paper);
  --surface-void: var(--cl-ink);
  --surface-base: var(--cl-canvas);
  --surface-raised: var(--cl-paper);
  --surface-soft: var(--cl-paper-blue);
  --surface-strong: var(--cl-ink-soft);
  --surface-active: var(--cl-mint);
  --text-primary: var(--cl-ink);
  --text-secondary: var(--cl-muted);
  --text-muted: var(--cl-muted);
  --text-body-strong: var(--cl-ink-body);
  --text-on-dark: var(--cl-paper);
  --line-quiet: var(--cl-line-soft);
  --line-strong: var(--cl-ink);
  --signal: var(--cl-mint);
  --signal-soft: color-mix(in srgb, var(--cl-mint) 22%, transparent);
  --signal-ink: var(--cl-mint-dark);
  --info: var(--cl-blue);
  --danger: var(--cl-coral);
  --warning: var(--cl-yellow);
  --focus: var(--cl-blue);
  --shadow-color: var(--cl-ink);
  --atlas-divider: var(--cl-atlas-divider);
  --atlas-muted: var(--cl-atlas-muted);
  --atlas-border: var(--cl-atlas-border);
  --atlas-instruction: var(--cl-atlas-instruction);
  --atlas-thread: var(--cl-atlas-thread);
  --atlas-node-line: var(--cl-atlas-node-line);
  --atlas-node-detail: var(--cl-atlas-node-detail);
  --modal-scrim: var(--cl-modal-scrim);
  --type-display: var(--cl-font-display);
  --type-reading: var(--cl-font-reading);
  --type-code: var(--cl-font-mono);
  --type-body-size: var(--cl-type-body);
  --type-body-leading: var(--cl-leading-body);
  --type-reading-leading: var(--cl-leading-reading);
  /* component */
  --control-min-size: var(--cl-control);
  --control-border: var(--line-strong);
  --control-focus: var(--focus);
  --panel-background: var(--surface-raised);
  --panel-background-soft: var(--surface-soft);
  --panel-border: var(--line-strong);
  --panel-radius: var(--cl-radius-md);
  --panel-shadow: 5px 5px 0 var(--shadow-color);
  --atlas-node-rest: var(--surface-panel);
  --atlas-node-hover: var(--warning);
  --atlas-node-active: var(--signal);
  --atlas-thread-rest: var(--cl-line);
  --atlas-thread-active: var(--signal);
  --reading-measure: var(--cl-measure-reading);
  --reading-leading: var(--type-reading-leading);
  --reading-font: var(--type-reading);
  /* compatibility */
  --canvas: var(--cl-canvas);
  --ink: var(--cl-ink);
  --ink-soft: var(--cl-ink-soft);
  --paper: var(--cl-paper);
  --paper-blue: var(--cl-paper-blue);
  --paper-coral: var(--cl-paper-coral);
  --paper-yellow: var(--cl-paper-yellow);
  --muted: var(--cl-muted);
  --line: var(--cl-line);
  --acid: var(--cl-mint);
  --acid-ink: var(--cl-mint-dark);
  --display: var(--type-display);
  --mono: var(--type-code);
  --radius: var(--cl-radius-md);
}
@media (max-width: 820px) {
  :root {
    --cl-header: 64px;
    --cl-radius-md: 14px;
    --cl-radius-lg: 20px;
  }
}
@media (prefers-contrast: more) {
  :root {
    --line-quiet: var(--cl-line);
    --line-strong: var(--cl-ink);
    --text-muted: var(--cl-ink);
  }
}