/* Auto-generated from DESIGN.md. Do not edit by hand.
 * Regenerate with: bun run design:export
 */

:root {
  /* Colors */
  --bg-root: #08080a;
  --bg-canvas: #06060a;
  --bg-surface: #111114;
  --bg-card: #131316;
  --bg-elevated: #1a1a1f;
  --bg-rail: #0a0a0c;
  --bg-topbar: #0e0e11;
  --text-primary: #e4e4e7;
  --text-secondary: #a1a1aa;
  --text-muted: #8a8a92;
  --text-dim: #828289;
  --border-subtle: #141418;
  --border: #1a1a1f;
  --border-accent: #2a2a31;
  --border-bright: #3f3f46;
  --accent: #ca8a04;
  --accent-bright: #eab308;
  --accent-ink: #18120a;
  --wire: #22d3ee;
  --type-place: #2dd4bf;
  --type-object: #a78bfa;
  --type-design: #fb7185;
  --type-audio: #c084fc;
  --ready: #5cb85c;
  --waiting: #a1a1aa;
  --error: #ef4444;
  --primary: #ca8a04;
  --type-character: #ca8a04;
  --type-scene: #22d3ee;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* Typography */
  --type-display-family: "Space Grotesk";
  --type-display-size: 44px;
  --type-display-weight: 600;
  --type-display-tracking: [object Object];
  --type-h1-family: "Space Grotesk";
  --type-h1-size: 22px;
  --type-h1-weight: 600;
  --type-h1-tracking: [object Object];
  --type-h2-family: "Space Grotesk";
  --type-h2-size: 15px;
  --type-h2-weight: 600;
  --type-h2-tracking: [object Object];
  --type-h3-family: "Space Grotesk";
  --type-h3-size: 13px;
  --type-h3-weight: 600;
  --type-h3-tracking: [object Object];
  --type-body-family: "Space Grotesk";
  --type-body-size: 13px;
  --type-body-weight: 400;
  --type-body-sm-family: "Space Grotesk";
  --type-body-sm-size: 12px;
  --type-body-sm-weight: 400;
  --type-label-family: "Space Grotesk";
  --type-label-size: 11px;
  --type-label-weight: 500;
  --type-label-caps-family: "JetBrains Mono";
  --type-label-caps-size: 10px;
  --type-label-caps-weight: 500;
  --type-label-caps-tracking: [object Object];
  --type-micro-family: "JetBrains Mono";
  --type-micro-size: 9px;
  --type-micro-weight: 600;
  --type-micro-tracking: [object Object];

  /* Font aliases (convenience) */
  --font-ui: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}