:root{
  /* site chrome — the same on every page */
  --page:#0c0c0e;
  --surface:#141416;
  --surface-2:#1c1c1f;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --ink:rgba(255,255,255,.94);
  --muted:rgba(255,255,255,.5);
  --faint:rgba(255,255,255,.3);
  --ghost:#202024;

  /* accent is per-tool: Name a Color rewrites it live from the current
     color, every other page keeps this neutral default */
  --accent:rgba(255,255,255,.30);

  --ease:cubic-bezier(.22,1,.36,1);
  --radius:12px;
  color-scheme:dark;
}

body{
  background:var(--page);
  color:var(--ink);
}

/* text selection colour */
::selection{
  background:var(--accent);
  color:var(--page);
}