/* Generated by scripts/sync-website.py from ds/nix-ds.manifest.json (DS 1.10.1). */
:root {
  --p-ink-950: #101010;
  --p-ink-900: #161616;
  --p-ink-890: #191919;
  --p-ink-880: #1a1a1a;
  --p-ink-800: #2b2b2b;
  --p-ink-700: #3c3c3c;
  --p-ink-600: #424242;
  --p-ink-550: #4a4a4a;
  --p-muted-on-dark: #ababab;
  --p-faint-on-dark: #929292;
  --p-muted-on-light: #616161;
  --p-faint-on-light: #6b6b6b;
  --p-snow-100: #eaeaea;
  --p-snow-90: #ededed;
  --p-snow-50: #f5f5f5;
  --p-snow-30: #fafafa;
  --p-snow-0: #ffffff;
  --p-pink-700: #a54578;
  --p-violet-500: #5568ea;
  --p-violet-400: #758af0;
  --p-violet-tint-light: #e9ebf9;
  --p-violet-tint-dark: #20222c;
  --p-violet-soft-light: #d5ddfb;
  --p-violet-soft-dark: #272930;
  --p-violet-text-light: #252a80;
  --p-violet-text-dark: #95aaf4;
  --p-sand-400: #ae9684;
  --p-sand-600: #9b8675;
  --p-sand-700: #7e6d5f;
  --p-sand-tint-light: #f2efed;
  --p-sand-tint-dark: #262321;
  --p-red-500: #ff453a;
  --p-red-600: #de332a;
  --p-red-400: #ff5147;
  --p-red-700: #be2c24;
  --gutter: 8px;
  --tile-size: 48px;
  --rail-width: 58px;
  --sidebar-width: 220px;
  --icon-sm: 16px;
  --icon-md: 18px;
  --icon-lg: 20px;
  --icon-xl: 24px;
  --avatar-size: 22px;
  --avatar-size-touch: 26px;
  --control-lg: 44px;
  --dot-size-sm: 6px;
  --dot-size: 8px;
  --dot-size-lg: 9px;
  --field-min-sm: 120px;
  --field-min: 160px;
  --scroll-max-sm: 200px;
  --scroll-max-md: 240px;
  --scroll-max-lg: 420px;
  --switch-width: 38px;
  --switch-height: 22px;
  --switch-knob: 16px;
  --switch-inset: 3px;
  --switch-width-sm: 30px;
  --switch-height-sm: 18px;
  --switch-knob-sm: 12px;
  --rule-width: 1px;
  --prose-gap: 0.7em;
  --prose-heading-top: 1.1em;
  --prose-heading-bottom: 0.4em;
  --prose-indent: 1.35em;
  --prose-item: 0.18em;
  --prose-code-y: 0.1em;
  --prose-code-x: 0.35em;
  --radius-bubble: 14px;
  --bubble-max: 80%;
  --control-key: 2.4em;
  --control-key-field: 14em;
  --measure-narrow: 420px;
  --measure-form: 460px;
  --measure-dock: 620px;
  --measure-page: 900px;
  --measure-lead: 58ch;
  --bp-compact: 640px;
  --space-half: 2px;
  --space-5: 20px;
  --font: "PP Neue Montreal", system-ui, -apple-system, sans-serif;
  --weight-display: 300;
  --weight-normal: 400;
  --leading-tight: 1.3;
  --leading-base: 1.5;
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 260ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --fade-size: 24px;
  --fade-blur: 6px;
  --fade-mask-y: linear-gradient( to bottom, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100% );
  --fade-mask-x: linear-gradient( to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100% );
  --fade-mask-bottom: linear-gradient( to bottom, #000 0, #000 calc(100% - 24px), transparent 100% );
  --surface-canvas: #f5f5f5;
  --surface-page: #fafafa;
  --surface-panel: #ffffff;
  --surface-fill: #ededed;
  --surface-fill-strong: #eaeaea;
  --surface-skeleton: #eaeaea;
  --term-bg: #ffffff;
  --text: #191919;
  --text-muted: #616161;
  --text-faint: #6b6b6b;
  --state-hover: rgba(0, 0, 0, 0.07);
  --state-press: rgba(0, 0, 0, 0.12);
  --accent: #191919;
  --accent-solid: #191919;
  --accent-solid-hover: #616161;
  --accent-text: #a54578;
  --accent-contrast: #f5f5f5;
  --accent-soft: rgba(236, 99, 171, 0.14);
  --accent-2: #5568ea;
  --accent-2-tint: #e9ebf9;
  --accent-2-soft: #d5ddfb;
  --accent-2-text: #252a80;
  --accent-2-ring: #5568ea;
  --accent-2-selection: rgba(85, 104, 234, 0.20);
  --sand: #9b8675;
  --sand-text: #7e6d5f;
  --sand-tint: #f2efed;
  --surface-tooltip: #616161;
  --text-on-tooltip: #ffffff;
  --surface-matte: #101010;
  --media-ink: #191919;
  --media-ink-dim: #2b2b2b;
  --media-paper: #f5f5f5;
  --media-paper-dim: #ababab;
  --state-on-light: rgba(0, 0, 0, 0.07);
  --state-on-dark: rgba(255, 255, 255, 0.07);
  --danger: #de332a;
  --danger-text: #be2c24;
  --danger-soft: rgba(222, 51, 42, 0.12);
  --action-bg: #191919;
  --action-bg-hover: #2b2b2b;
  --action-text: #f5f5f5;
  --shadow-raised: 0 1px 2px -1px rgba(16, 16, 16, 0.08), 0 4px 10px -3px rgba(16, 16, 16, 0.08);
  --shadow-overlay: 0 2px 6px -2px rgba(16, 16, 16, 0.10), 0 10px 24px -6px rgba(16, 16, 16, 0.12), 0 28px 56px -14px rgba(16, 16, 16, 0.10);
  --shadow-modal: 0 4px 10px -4px rgba(16, 16, 16, 0.12), 0 20px 44px -10px rgba(16, 16, 16, 0.16), 0 56px 112px -28px rgba(16, 16, 16, 0.14);
  --edge-light: inset 0 0 0 0 rgba(0, 0, 0, 0);
  --scrim: rgba(16, 16, 16, 0.32);
  --surface-control: #ffffff;
  --surface-overlay: #ffffff;
  --z-plane: 40;
  --z-rail: 45;
  --z-tour: 60;
  --z-dialog: 80;
  --z-loader: 100;
  --z-offline: 9999;
}
html[data-theme="dark"] {
  --surface-canvas: #101010;
  --surface-page: #161616;
  --surface-panel: #1a1a1a;
  --surface-fill: #2b2b2b;
  --surface-fill-strong: #3c3c3c;
  --surface-skeleton: #424242;
  --term-bg: #1a1a1a;
  --text: #f5f5f5;
  --text-muted: #ababab;
  --text-faint: #929292;
  --state-hover: rgba(255, 255, 255, 0.07);
  --state-press: rgba(255, 255, 255, 0.12);
  --accent: #f5f5f5;
  --accent-solid: #f5f5f5;
  --accent-solid-hover: #ababab;
  --accent-text: #f5f5f5;
  --accent-contrast: #101010;
  --accent-soft: rgba(236, 99, 171, 0.16);
  --accent-2: #758af0;
  --accent-2-tint: #20222c;
  --accent-2-soft: #272930;
  --accent-2-text: #95aaf4;
  --accent-2-ring: #758af0;
  --accent-2-selection: rgba(117, 138, 240, 0.22);
  --sand: #ae9684;
  --sand-text: #ae9684;
  --sand-tint: #262321;
  --surface-tooltip: #ffffff;
  --text-on-tooltip: #101010;
  --danger: #ff453a;
  --danger-text: #ff5147;
  --danger-soft: rgba(255, 69, 58, 0.16);
  --action-bg: #f5f5f5;
  --action-bg-hover: #eaeaea;
  --action-text: #191919;
  --shadow-raised: 0 1px 2px -1px rgba(0, 0, 0, 0.5), 0 4px 10px -3px rgba(0, 0, 0, 0.45);
  --shadow-overlay: 0 2px 6px -2px rgba(0, 0, 0, 0.55), 0 10px 24px -6px rgba(0, 0, 0, 0.5), 0 28px 56px -14px rgba(0, 0, 0, 0.45);
  --shadow-modal: 0 4px 10px -4px rgba(0, 0, 0, 0.6), 0 20px 44px -10px rgba(0, 0, 0, 0.55), 0 56px 112px -28px rgba(0, 0, 0, 0.5);
  --edge-light: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --scrim: rgba(0, 0, 0, 0.6);
  --surface-control: #4a4a4a;
  --surface-overlay: #4a4a4a;
}