:root {
  --base: oklch(0.165 0.004 240);
  --panel: oklch(0.205 0.005 240);
  --panel-2: oklch(0.255 0.007 240);
  --panel-3: oklch(0.225 0.006 240);
  --well: oklch(0.145 0.004 240);
  --line: oklch(0.3 0.008 240);
  --line-strong: oklch(0.42 0.01 240);
  --ink: oklch(0.93 0.005 240);
  --ink-dim: oklch(0.74 0.008 240);
  --ink-faint: oklch(0.58 0.01 240);
  --accent: oklch(0.78 0.12 210);
  --accent-dim: oklch(0.6 0.1 212);
  --on-accent: oklch(0.17 0.02 220);
  --vfo: oklch(0.9 0.09 200);
  --danger: oklch(0.7 0.17 25);
  --iq: oklch(0.72 0.11 228);
  --audio: oklch(0.74 0.12 158);
  --events: oklch(0.78 0.11 85);
  --video: oklch(0.76 0.12 35);
  --cat-source: oklch(0.72 0.1 228);
  --cat-channel: oklch(0.72 0.1 300);
  --cat-output: oklch(0.74 0.11 150);
  --mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;
  --display: var(--mono);
  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pad: clamp(20px, 5vw, 48px);
  --measure: 62ch;
  --radius: 4px;
  --radius-lg: 6px;
  --shadow-face:
    inset 0 1px 0 oklch(1 0 0 / 0.04), 0 1px 2px oklch(0 0 0 / 0.3), 0 8px 24px oklch(0 0 0 / 0.22);
  --shadow-raised: inset 0 1px 0 oklch(1 0 0 / 0.07), 0 1px 2px oklch(0 0 0 / 0.35);
  --glow: 0 40px 120px -48px color-mix(in oklab, var(--accent) 35%, transparent);
}