:root {
  --bg: #0f1115;
  --panel: #151922;
  --panel-hover: #1a1f2b;
  --ink: #e6e9ef;
  --muted: #9aa4b2;
  --radius: 14px;
  --white: var(--ink);
  --border-strong: color-mix(in srgb, var(--ink) 12%, var(--bg));
  --border-soft: color-mix(in srgb, var(--ink) 6%, var(--bg));
  --thumb-border: color-mix(in srgb, var(--panel) 80%, var(--bg));
  --track-neutral: color-mix(in srgb, var(--ink) 16%, var(--bg));
  --track-muted: color-mix(in srgb, var(--muted) 65%, var(--bg));
  --orange: #E69F00;
  --blue: #56B4E9;
  --green: #009E73;
  --purple: #CC79A7;
  --yellow: #F0E442;
  --vermilion: #D55E00;
}