/* 由 shared/design-tokens/src/spec.ts 生成，请勿手改；改 spec 后跑 bun run build。 */

:root {
  --db-paper: #eef1f5;
  --db-surface: #f6f8fb;
  --db-card: #ffffff;
  --db-ink: #0f1f38;
  --db-ink2: #34465f;
  --db-muted: #5d6c80;
  --db-line-strong: #a9b4c4;
  --db-line: #ccd4de;
  --db-line2: #e2e7ee;
  --db-win-bar: #e7ebf1;
  --db-accent: #1c3f75;
  --db-accent-soft: #e0e8f3;
  --db-accent-ink: #ffffff;
  --db-signal: #bf4527;
  --db-signal-soft: #f9e7e0;
  --db-danger: #a3262b;
  --db-st-todo: #54687f;
  --db-st-run: #2c7a4b;
  --db-st-review: #6a4ea3;
  --db-st-block: #9a5a12;
  --db-st-todo-soft: #e7ebf1;
  --db-st-run-soft: #dff0e6;
  --db-st-review-soft: #ebe4f6;
  --db-st-block-soft: #f6ead6;
  --db-seq: #3a5f95;
  --db-seq-dim: #c2cfe0;
  --db-avatar-ink: #ffffff;

  --db-code-comment: #94896f;
  --db-code-keyword: #8a4baf;
  --db-code-string: #3f7d44;
  --db-code-number: #a05a1e;
  --db-code-title: #2a5d9c;
  --db-code-attr: #8a5138;
  --db-code-type: #186f6a;
  --db-code-meta: #6b7280;
  --db-code-deletion: #a03434;

  --db-shadow-float: 0 8px 24px rgba(15, 31, 56, 0.14);
  --db-scrim: rgba(15, 31, 56, 0.32);

  --db-loading-skeleton: #e2e7ee;
  --db-loading-skeleton-hi: #f7f8fa;
  --db-loading-text-lift: #ffffff;

  --db-font-sans: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', 'Noto Sans SC', sans-serif;
  --db-font-mono: 'SF Mono', Menlo, 'PingFang SC', monospace;

  --db-text-2xs: 11px;
  --db-text-xs: 12px;
  --db-text-sm: 13px;
  --db-text-base: 14px;
  --db-text-md: 16px;
  --db-text-lg: 18px;
  --db-text-xl: 24px;
  --db-text-2xl: 32px;
  --db-text-code: 0.9em;

  --db-leading-tight: 1.3;
  --db-leading-ui: 1.5;
  --db-leading-text: 1.6;

  --db-tracking-wide: 0.04em;
  --db-tracking-loose: 0.3em;

  --db-weight-regular: 400;
  --db-weight-medium: 500;
  --db-weight-semibold: 600;
  --db-weight-bold: 700;

  --db-alpha-tint: 12%;
  --db-alpha-faint: 25%;
  --db-alpha-soft: 45%;
  --db-alpha-dim: 65%;
  --db-alpha-strong: 85%;

  --db-space-2: 2px;
  --db-space-4: 4px;
  --db-space-8: 8px;
  --db-space-12: 12px;
  --db-space-16: 16px;
  --db-space-24: 24px;
  --db-space-32: 32px;
  --db-space-48: 48px;

  --db-hairline: 1px;
  --db-edge: 2px;

  --db-control-xs: 24px;
  --db-control-sm: 28px;
  --db-control-md: 32px;
  --db-control-lg: 40px;
  --db-hit: 44px;

  --db-icon-dot: 6px;
  --db-icon-xs: 12px;
  --db-icon-sm: 14px;
  --db-icon-md: 16px;
  --db-icon-lg: 20px;
  --db-icon-xl: 24px;
  --db-icon-hero: 32px;

  --db-ease: cubic-bezier(0.2, 0, 0, 1);
  --db-ease-loop: ease-in-out;
  --db-dur-fast: 100ms;
  --db-dur: 160ms;
  --db-dur-slow: 240ms;
  --db-dur-ambient: 2400ms;
  --db-shift: 8px;

  --db-loading-size-xs: 14px;
  --db-loading-size-sm: 18px;
  --db-loading-size-md: 24px;
  --db-loading-size-lg: 32px;
  --db-loading-ring-xs: 1.5px;
  --db-loading-ring-sm: 2px;
  --db-loading-ring-md: 2.5px;
  --db-loading-ring-lg: 3px;
  --db-loading-ring-view: 2.5;
  --db-loading-dot: 4px;
  --db-loading-dot-gap: 4px;
  --db-loading-rot: 900ms;
  --db-loading-dots: 1200ms;
  --db-loading-dots-phase: 150ms;
  --db-loading-shimmer: 1800ms;
  --db-loading-pulse: 2400ms;
  --db-loading-text-sweep-angle: 135deg;
  --db-loading-text-sweep-band: 35%;
  --db-loading-text-sweep-highlight: 70%;

  --db-z-raise: 10;
  --db-z-panel: 40;
  --db-z-overlay: 50;
  --db-z-toast: 60;

  --db-fit: 92vw;
  --db-dialog-sm: min(420px, 92vw);
  --db-dialog-md: min(560px, 92vw);
  --db-dialog-lg: min(680px, 92vw);
  --db-sheet-top: 10vh;
  --db-dialog-top: 18vh;
  --db-measure-page: 960px;
  --db-measure-read: 840px;
  --db-measure-form: 720px;
  --db-card-column: 260px;
  --db-grid-cards: repeat(auto-fill, minmax(var(--db-card-column), 1fr));
  --db-bubble: 78%;
  --db-sidebar-min: 248px;
  --db-sidebar-base: 320px;
  --db-sidebar-max: 480px;
  --db-sidebar-reserve: 420px;
  --db-titlebar-inset: 72px;
  --db-rail-track: 12px;
  --db-stack-sheet: 80vh;
  --db-stack-list-lg: 60vh;
  --db-stack-list: 40vh;
  --db-stack-list-sm: 32vh;
  --db-image-message: 320px;
  --db-image-prose: 384px;
  --db-image-thumb: 48px;
  --db-drive-tree: 256px;
  --db-drive-transfers: 360px;
  --db-drive-drawer: 460px;
  --db-site-accent: #2459d3;
  --db-site-accent-hover: #1945af;
  --db-site-accent-soft: #edf2ff;
  --db-site-paper: #f8faff;
  --db-site-night: #10213d;
  --db-site-night-ink: #edf3ff;
  --db-site-night-muted: #b7c8e1;
  --db-site-night-line: #354965;
  --db-site-shell: 1200px;
  --db-site-gutter: clamp(20px, 4vw, 48px);
  --db-site-hero-type: clamp(38px, 4.5vw, 64px);
  --db-site-heading-type: clamp(28px, 3.2vw, 44px);
  --db-site-closing-type: clamp(40px, 6vw, 72px);
  --db-site-display-type: clamp(64px, 14vw, 184px);
  --db-site-heading-leading: 1.2;
  --db-site-heading-tracking: -0.04em;
  --db-site-hero-space: clamp(48px, 6vw, 88px);
  --db-site-section-space: clamp(64px, 8vw, 112px);
  --db-site-panel-space: clamp(20px, 3vw, 40px);
  --db-site-demo-height: 360px;
  --db-site-header-height: 80px;
  --db-site-anchor-offset: 112px;
  --db-site-viewport-height: 100svh;
  --db-site-full: 100%;
  --db-site-circle: 50%;
  --db-site-grow: 1;
  --db-site-split: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
  --db-site-cards: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  --db-site-steps: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  --db-site-pair: repeat(2, minmax(0, 1fr));
  --db-site-demo-row: auto minmax(0, 1fr) auto;
  --db-site-nav-display: flex;
  --db-site-menu-display: none;
  --db-site-header-gap: 24px;
  --db-site-brand-label-display: inline;
  --db-site-grid: linear-gradient(#dce5f4 1px, transparent 1px), linear-gradient(90deg, #dce5f4 1px, transparent 1px);
  --db-site-grid-size: 32px 32px;
  --db-site-swatch-blue: linear-gradient(135deg, #2459d3, #9bbcff);
  --db-site-swatch-navy: linear-gradient(135deg, #10213d, #456b99);
  --db-site-swatch-light: linear-gradient(135deg, #dde8fc, #f8faff);
  --db-site-wave: linear-gradient(90deg, #2459d3 0 50%, transparent 50%);
  --db-site-wave-size: 8px 100%;
  --db-site-wave-shape: polygon(0 40%, 8% 25%, 16% 38%, 24% 10%, 32% 22%, 40% 0, 48% 32%, 56% 18%, 64% 35%, 72% 8%, 80% 26%, 88% 36%, 100% 43%, 100% 57%, 88% 64%, 80% 74%, 72% 92%, 64% 65%, 56% 82%, 48% 68%, 40% 100%, 32% 78%, 24% 90%, 16% 62%, 8% 75%, 0 60%);
  --db-site-skip-out: translateY(-200%);
  --db-site-reveal-duration: 640ms;
  --db-site-reveal-stagger: 100ms;
  --db-site-reveal-shift: 16px;
  --db-site-reveal-threshold: 0.12;
  --db-site-reveal-margin: 0px 0px -24px 0px;
  --db-site-demo-prepare: 900ms;
  --db-site-demo-task: 1600ms;
  --db-site-demo-threshold: 0;
  --db-site-progress-ease: linear;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --db-paper: #0b1424;
    --db-surface: #101b2e;
    --db-card: #16233a;
    --db-ink: #e3e9f2;
    --db-ink2: #b3c0d2;
    --db-muted: #7f90a8;
    --db-line-strong: #4b5f80;
    --db-line: #2d3f5c;
    --db-line2: #22314a;
    --db-win-bar: #0e1829;
    --db-accent: #8fb4e6;
    --db-accent-soft: #1d3252;
    --db-accent-ink: #0b1424;
    --db-signal: #ec8a66;
    --db-signal-soft: #3a2318;
    --db-danger: #e07a7a;
    --db-st-todo: #93a6c0;
    --db-st-run: #74b78d;
    --db-st-review: #ad97d2;
    --db-st-block: #d6a35b;
    --db-st-todo-soft: #1e2b40;
    --db-st-run-soft: #163127;
    --db-st-review-soft: #2a2545;
    --db-st-block-soft: #37291a;
    --db-seq: #8fb4e6;
    --db-seq-dim: #2a3d5c;
    --db-avatar-ink: #ffffff;

    --db-code-comment: #7d8577;
    --db-code-keyword: #c197e6;
    --db-code-string: #93c99a;
    --db-code-number: #ddab6f;
    --db-code-title: #8ab8ea;
    --db-code-attr: #d3a08c;
    --db-code-type: #7cc4bf;
    --db-code-meta: #9aa3ad;
    --db-code-deletion: #e09a9a;

    --db-shadow-float: 0 8px 24px rgba(0, 0, 0, 0.55);
    --db-scrim: rgba(0, 0, 0, 0.55);

    --db-loading-skeleton: #22314a;
    --db-loading-skeleton-hi: #313f57;
    --db-loading-text-lift: #e3e9f2;
  }
}

:root[data-theme='dark'] {
  --db-paper: #0b1424;
  --db-surface: #101b2e;
  --db-card: #16233a;
  --db-ink: #e3e9f2;
  --db-ink2: #b3c0d2;
  --db-muted: #7f90a8;
  --db-line-strong: #4b5f80;
  --db-line: #2d3f5c;
  --db-line2: #22314a;
  --db-win-bar: #0e1829;
  --db-accent: #8fb4e6;
  --db-accent-soft: #1d3252;
  --db-accent-ink: #0b1424;
  --db-signal: #ec8a66;
  --db-signal-soft: #3a2318;
  --db-danger: #e07a7a;
  --db-st-todo: #93a6c0;
  --db-st-run: #74b78d;
  --db-st-review: #ad97d2;
  --db-st-block: #d6a35b;
  --db-st-todo-soft: #1e2b40;
  --db-st-run-soft: #163127;
  --db-st-review-soft: #2a2545;
  --db-st-block-soft: #37291a;
  --db-seq: #8fb4e6;
  --db-seq-dim: #2a3d5c;
  --db-avatar-ink: #ffffff;

  --db-code-comment: #7d8577;
  --db-code-keyword: #c197e6;
  --db-code-string: #93c99a;
  --db-code-number: #ddab6f;
  --db-code-title: #8ab8ea;
  --db-code-attr: #d3a08c;
  --db-code-type: #7cc4bf;
  --db-code-meta: #9aa3ad;
  --db-code-deletion: #e09a9a;

  --db-shadow-float: 0 8px 24px rgba(0, 0, 0, 0.55);
  --db-scrim: rgba(0, 0, 0, 0.55);

  --db-loading-skeleton: #22314a;
  --db-loading-skeleton-hi: #313f57;
  --db-loading-text-lift: #e3e9f2;
}

@media (max-width: 760px) {
  :root {
    --db-site-nav-display: none;
    --db-site-menu-display: block;
    --db-site-header-height: 72px;
    --db-site-anchor-offset: 96px;
    --db-site-pair: minmax(0, 1fr);
    --db-site-header-gap: 8px;
    --db-site-brand-label-display: none;
  }
}