/* ============================================================
   tokens.css — design tokens (single source of truth)
   ============================================================ */
:root {
  /* Surfaces — graphite stack */
  --bg-base:        oklch(0.155 0.006 240);
  --bg-deep:        oklch(0.125 0.006 240);
  --bg-raised:      oklch(0.195 0.006 240);
  --bg-elevated:    oklch(0.225 0.006 240);
  --bg-input:       oklch(0.18  0.006 240);
  --bg-hover:       oklch(0.245 0.007 240);
  --bg-active:      oklch(0.275 0.008 240);

  /* Borders */
  --line:           oklch(0.30  0.006 240);
  --line-soft:      oklch(0.245 0.005 240);
  --line-strong:    oklch(0.40  0.008 240);

  /* Text */
  --fg:             oklch(0.94  0.004 90);
  --fg-muted:       oklch(0.74  0.005 90);
  --fg-dim:         oklch(0.56  0.005 90);
  --fg-faint:       oklch(0.42  0.005 90);

  /* Accents — brass + steel */
  --accent:         oklch(0.78  0.12  75);
  --accent-soft:    oklch(0.78  0.12  75 / 0.16);
  --accent-line:    oklch(0.78  0.12  75 / 0.45);
  --accent-deep:    oklch(0.55  0.12  72);

  --steel:          oklch(0.74  0.06  225);
  --steel-soft:     oklch(0.74  0.06  225 / 0.16);

  /* Status palette */
  --ok:             oklch(0.78  0.13  155);
  --ok-soft:        oklch(0.78  0.13  155 / 0.14);
  --warn:           oklch(0.80  0.13  85);
  --warn-soft:      oklch(0.80  0.13  85 / 0.14);
  --danger:         oklch(0.70  0.17  25);
  --danger-soft:    oklch(0.70  0.17  25 / 0.14);
  --pending:        oklch(0.70  0.04  240);
  --pending-soft:   oklch(0.70  0.04  240 / 0.14);

  /* Shadow */
  --shadow-1: 0 1px 0 0 oklch(1 0 0 / 0.03) inset, 0 1px 2px oklch(0 0 0 / 0.4);
  --shadow-drawer: -32px 0 60px -20px oklch(0 0 0 / 0.55);

  /* Radii */
  --r-1: 4px;  --r-2: 6px;  --r-3: 10px;  --r-4: 14px;

  /* Density-aware spacing */
  --d: 1;
  --s-1: calc(4px  * var(--d));
  --s-2: calc(8px  * var(--d));
  --s-3: calc(12px * var(--d));
  --s-4: calc(16px * var(--d));
  --s-5: calc(20px * var(--d));
  --s-6: calc(24px * var(--d));
  --s-7: calc(32px * var(--d));
  --s-8: calc(48px * var(--d));

  /* Effects */
  --blur: 14px;

  /* Layout */
  --topbar-h:   56px;
  --sidebar-w:  264px;
  --rail-w:     48px;

  /* Type */
  --font-sans: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-display: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-serif: "IBM Plex Serif", Georgia, "Songti SC", "PingFang SC", serif;
}