:root {
  --bg: #f7f7f8;
  --panel-bg: #ffffff;
  --surface: #ffffff;
  --surface-alt: #f3f3f5;
  --border: #e3e3e7;
  --border-strong: #d0d0d6;
  --text: #1f2024;
  --text-secondary: #5b5d66;
  --text-muted: #8a8c95;
  --accent: #2563eb;
  --accent-hover: #1e54d4;
  --accent-soft: rgba(37, 99, 235, 0.08);
  --danger: #b91c1c;
  --danger-hover: #a01818;
  --success: #15803d;
  --warning: #b45309;
  --stage-bg: #ececef;
  --stage-canvas: #ffffff;
  --grid-color: rgba(0, 0, 0, 0.05);
  --timeline-bg: #ffffff;
  --scrubber-track: #e3e3e7;
  --scrubber-fill: #2563eb;

  --radius: 4px;
  --radius-sm: 3px;
  --transition: 0.12s ease;

  --header-h: 44px;
  --timeline-h: 60px;
  --left-panel-w: 188px;
  --right-panel-w: 248px;

  --pad-1: 4px;
  --pad-2: 6px;
  --pad-3: 8px;
  --pad-4: 12px;
  --pad-5: 16px;

  --fs-xxs: 0.68rem;
  --fs-xs: 0.74rem;
  --fs-sm: 0.8rem;
  --fs-md: 0.875rem;
  --fs-lg: 1rem;
}