:root {
  --bg: #0c0f12;
  --bg-up: #14181d;
  --bg-rail: #0a0c0e;
  --line: #242a32;
  --grid: rgb(36 42 50 / 0.4);
  --text: #e6eef2;
  --muted: #8b98a4;
  --accent: #3dbfbf;
  --accent-dim: #1f6f70;
  --danger: #d45454;
  --ok: #3d9a6a;
  --warn: #c4a15a;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-press: 160ms;
  --dur-ui: 200ms;
  --dur-flash: 400ms;

  --r: 8px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --rail: 56px;
  --row: 46px;

  --font: system-ui, "Segoe UI", sans-serif;
  --focus: 2px solid var(--accent);
}