:root {
  --bg-deep: #0a0c0f;
  --bg-panel: #15181d;
  --bg-panel-raised: #1d2127;
  --edge-light: rgba(255, 255, 255, 0.06);
  --edge-shadow: rgba(0, 0, 0, 0.6);

  --text-primary: #e8ecf1;
  --text-muted: #7c8794;

  --accent-empty: #4a5566;
  --accent-recording: #ff3d5f;
  --accent-overdub: #ffb020;
  --accent-playing: #26d9c8;
  --accent-stopped: #6c8cff;
  --accent-danger: #ff3d5f;

  --radius-lg: 28px;
  --radius-md: 16px;
  --radius-sm: 10px;

  --shadow-panel: 0 10px 30px rgba(0, 0, 0, 0.5), inset 0 1px 0 var(--edge-light);
  --shadow-pad-out: 0 10px 0 rgba(0, 0, 0, 0.45), 0 14px 24px rgba(0, 0, 0, 0.5);
  --shadow-pad-in: inset 0 4px 10px rgba(0, 0, 0, 0.6);

  --font-display: 'Segoe UI', system-ui, sans-serif;
}