/* Trace — design tokens ("Carbon Gradient", house theme).
   Why: one place for colour, type, spacing and radius so every view matches. */
:root {
  --bg: #060509;
  --bg-2: #0c0a12;
  --surface: #110f18;
  --surface-2: #17141f;
  --surface-3: #1f1b29;
  --line: rgba(255, 255, 255, 0.07);
  --line-2: rgba(255, 255, 255, 0.12);
  --text: #eeebf5;
  --text-2: #b4adc4;
  --muted: #7d7591;

  --c1: #1a8fc4;
  --c2: #9333ea;
  --c3: #f43f7f;
  --grad: linear-gradient(120deg, var(--c1) 0%, var(--c2) 55%, var(--c3) 100%);
  --grad-soft: linear-gradient(120deg, rgba(26, 143, 196, 0.16), rgba(147, 51, 234, 0.16) 55%, rgba(244, 63, 127, 0.16));

  --ok: #34d399;
  --warn: #fbbf24;
  --bad: #f87171;
  --info: #60a5fa;

  --font: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --mono: "JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;

  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.03) inset;

  --top-h: 64px;
  --tab-h: 64px;
  --dock-h: 76px;
  --gutter: 16px;
  --maxw: 1080px;
}