/* @generated by scripts/generate-preview-assets.mjs
 * source: apps/spur/design/tokens/product-dark.tokens.json
 * source-sha256: 7b0d94964929571031ed051b0daeed52d469c13998c84e86227910b84c69c466
 * Do not edit this file by hand.
 */
:root {
  --spur-surface-canvas: #000000;
  --spur-surface-panel: #0b0d10;
  --spur-surface-raised: #14171b;
  --spur-surface-hover: #181c21;
  --spur-surface-selected: #222831;
  --spur-surface-chip: #15191e;
  --spur-border-default: #2a2f36;
  --spur-border-subtle: #1d2228;
  --spur-text-default: #b8c0cc;
  --spur-text-strong: #d8dde5;
  --spur-text-muted: #919aa8;
  --spur-text-faint: #6f7886;
  --spur-action-accent: #72b7f2;
  --spur-status-success: #6bbf7a;
  --spur-status-warning: #d9a441;
  --spur-status-danger: #e06c75;
  --spur-space-2: 2px;
  --spur-space-4: 4px;
  --spur-space-6: 6px;
  --spur-space-8: 8px;
  --spur-space-12: 12px;
  --spur-space-16: 16px;
  --spur-space-24: 24px;
  --spur-space-32: 32px;
  --spur-size-sidebar-width: 298px;
  --spur-size-context-height: 32px;
  --spur-size-toolbar-height: 32px;
  --spur-size-project-row-height: 32px;
  --spur-size-thread-row-height: 42px;
  --spur-size-changes-list-width: 260px;
  --spur-size-changes-action-height: 72px;
  --spur-size-changes-hunk-row-height: 36px;
  --spur-size-changes-hunks-max-height: 144px;
  --spur-size-diff-row-height: 20px;
  --spur-size-diff-line-number-width: 52px;
  --spur-size-changes-row-height: 25px;
  --spur-type-chrome-size: 13px;
  --spur-type-title-size: 20px;
  --spur-radius-control: 6px;
  --spur-stroke-default: 1px;

  /* Compatibility aliases for the canonical Preview source. */
  --bg: var(--spur-surface-canvas);
  --panel: var(--spur-surface-panel);
  --panel-2: var(--spur-surface-raised);
  --border: var(--spur-border-default);
  --border-soft: var(--spur-border-subtle);
  --text: var(--spur-text-default);
  --text-bright: var(--spur-text-strong);
  --muted: var(--spur-text-muted);
  --faint: var(--spur-text-faint);
  --accent: var(--spur-action-accent);
  --good: var(--spur-status-success);
  --warn: var(--spur-status-warning);
  --bad: var(--spur-status-danger);
  --chip: var(--spur-surface-chip);
  --hover: var(--spur-surface-hover);
  --active: var(--spur-surface-selected);
  --term: var(--spur-surface-canvas);
  --sidebar-w: var(--spur-size-sidebar-width);
  --bottom-toolbar-h: var(--spur-size-toolbar-height);
  --row-h: var(--spur-size-project-row-height);
  --radius: var(--spur-radius-control);
  --font: "SF Pro Text", "Segoe UI", system-ui, -apple-system, sans-serif;
  --sans: var(--font);
  --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}

/* Geometry is generated from the same token source as GPUI. */
.shell { grid-template-columns: var(--spur-size-sidebar-width) minmax(0, 1fr); }
.side-titlebar,
.main-titlebar { min-height: var(--spur-size-context-height); height: var(--spur-size-context-height); }
.side-footer,
.workspace-toolbar { height: var(--spur-size-toolbar-height); }
.project-h { min-height: var(--spur-size-project-row-height); height: var(--spur-size-project-row-height); }
.wt { min-height: var(--spur-size-thread-row-height); height: var(--spur-size-thread-row-height); }
.diff-surface { grid-template-columns: var(--spur-size-changes-list-width) minmax(0, 1fr); }
.diff-row { min-height: var(--spur-size-diff-row-height); }
.diff-cell { height: var(--spur-size-diff-row-height); }
.diff-line-no { width: var(--spur-size-diff-line-number-width); }