:root {
  /* Legacy docks aliases (UI uses Primer-like neutrals + blue accent) */
  --docks-slate: #484f58;
  --docks-coral: #f85149;
  --docks-blue: #2f81f7;
  --docks-mist: #e6edf3;

  --bg-deep: #010409;
  --bg: #0d1117;
  --bg-elevated: #161b22;
  --bg-hover: #21262d;
  --border: #30363d;
  --border-subtle: #21262d;
  --border-strong: #484f58;
  --text: #e6edf3;
  --text-muted: #7d8590;
  --text-faint: #656d76;

  --accent: #2f81f7;
  --accent-soft: rgba(47, 129, 247, 0.15);
  --accent-strong: #58a6ff;

  --accent-warm: #f85149;
  --accent-warm-soft: rgba(248, 81, 73, 0.14);
  --accent-warm-grad: none;

  --accent-2: var(--accent);
  --accent-2-soft: var(--accent-soft);
  --accent-3: var(--border-strong);
  --accent-3-soft: rgba(72, 79, 88, 0.25);

  --danger: #f85149;
  --success: #3fb950;
  --warning: #d29922;
  --focus: #2f81f7;

  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;

  --radius: 6px;
  --radius-sm: 4px;
  --grid-line: 1px solid var(--border-subtle);
  --noise-opacity: 0;
  --topbar-h: 3rem;
  --rail-w: 3rem;
  --module-w: 12rem;
  --touch: 2rem;

  --shell-max: 96rem;
  --content-max: 68rem;
  --shell-gutter: clamp(0.75rem, 2vw, 2rem);

  --ease: 160ms ease;
}

@media (min-width: 1800px) {
  :root {
    --shell-max: 104rem;
    --content-max: 74rem;
  }
}

@media (min-width: 2400px) {
  :root {
    --shell-max: 112rem;
    --content-max: 80rem;
    --shell-gutter: 2.5rem;
  }
}

@media (max-width: 720px) {
  :root {
    --touch: 2.25rem;
  }
}