:root {
  /* Palette — "Eclipse" dark theme */
  --bg: #0b0d12;
  --bg-tint: #0f1218;
  --surface-1: #12161e;
  --surface-2: #181d27;
  --surface-3: #232a37;
  --surface-4: #2f3949;
  --border: #1f2530;
  --border-strong: #2a3242;

  --fg: #e6e9ef;
  --fg-muted: #a3acbd;
  --fg-dim: #6e7689;

  --accent: #7c8cff;
  --accent-strong: #99a6ff;
  --accent-soft: rgba(124, 140, 255, 0.16);
  --success: #5ee2a0;
  --warning: #f7c873;
  --danger: #ff7a8a;

  /* Typography */
  --font-ui: ui-sans-serif, "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", "Consolas", ui-monospace, monospace;

  /* Layout */
  --sidebar-w: 248px;
  --header-h: 44px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 0 0 1px var(--border);
  --shadow-2: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--border-strong);
  --shadow-glow: 0 0 0 1px var(--accent-soft), 0 0 30px var(--accent-soft);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 120ms;
  --t-med: 220ms;
}