:root{
  --ss-brand-primary: oklch(0.302 0.115 310);
  --ss-brand-primary-hover: oklch(0.40 0.13 310);
  --ss-brand-primary-glow: oklch(0.40 0.09 310 / 0.45);
  --ss-accent-magenta: oklch(0.548 0.147 338);
  --ss-surface: oklch(0.177 0 0);             /* chrome #1A1A1A */
  --ss-glass-border: rgba(255,255,255,.12);
  --ss-ring: var(--ss-brand-primary);
  --ss-topbar-height: 64px;                    /* h-16 — matches the original top bar */
  --ss-sidebar-width: 256px;
  --ss-gap: 8px;                               /* floating-pill inset (p-2) */
  --ss-glass-border-lit: oklch(1 0 0 / 0.14); /* lit glass hairline */
}