:root {
  --bg: #eceef0;
  --ink: #131316;
  --ink-dim: #55575c;
  --brand-a: #5d4cc9;
  --brand-b: #2bbdd2;
  --accent: #5d4cc9;
  --accent-press: #4a3bb0;
  --on-accent: #ffffff;
  --line: rgba(19,19,22,0.16);
  --grain-opacity: 0.07;
  --glow-opacity: 0.55;
  --surface: #e2e5e8;
  --radius-tile: 16px;
  --radius-pill: 999px;
  --nav-h: 64px;
  --z-canvas: 0;
  --z-content: 10;
  --z-nav: 20;
  --z-grain: 30;
}