:root {
  /* surfaces — near-black, flat, no gradients */
  --bg-0: #08090a;
  --bg-1: #0d0e10;
  --bg-2: #121417;
  --bg-3: #191c20;
  --bg-4: #22262b;

  /* strokes — hairline */
  --border: #1c1f23;
  --border-2: #282c31;
  --border-3: #383d43;

  /* text */
  --text-1: #e4e6e8;
  --text-2: #979da6;
  --text-3: #575d64;

  /* accent + semantics */
  --accent: #5b95f5;
  --accent-dim: rgba(91, 149, 245, 0.10);
  --accent-border: rgba(91, 149, 245, 0.38);
  --danger: #e5534b;
  --ok: #37b26c;
  --warn: #e0a63c;
  --vp1: #ff9f43;
  --vp2: #35d0e0;

  /* type — mono-first, terminal register */
  --font-ui: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-text: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fs-xs: 9.5px;
  --fs-sm: 10.5px;
  --fs-md: 11.5px;
  --fs-lg: 12.5px;

  /* shape — sharp */
  --r-sm: 2px;
  --r-md: 3px;
  --r-lg: 5px;
  --r-xl: 6px;

  /* layout */
  --menubar-h: 42px;
  --statusbar-h: 24px;
  --panel-l-w: 244px;
  --panel-r-w: 276px;

  /* elevation — popups only */
  --shadow-pop: 0 8px 28px rgba(0, 0, 0, 0.6);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.7);

  --ease: cubic-bezier(0.2, 0, 0, 1);
}