:root {
  /* color — dark dashboard */
  --bg: #0a0b0e;
  --card-bg: #14171c;
  --card-bg-raised: #191d24;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-subtle-strong: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.03);

  --text-primary: #f2f4f7;
  --text-secondary: #8b96a5;
  --text-tertiary: #5b6672;

  --accent: #2ee6c5;
  --accent-strong: #17c9ab;
  --accent-soft: rgba(46, 230, 197, 0.14);
  --accent-glow: rgba(46, 230, 197, 0.35);
  --accent-ink: #04211c;

  --sidebar-bg: #0d0f13;
  --sidebar-text: #aab2bd;
  --sidebar-text-dim: #565f6a;

  /* type */
  --font-ui: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 12px;

  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 24px 48px -16px rgba(0, 0, 0, 0.6);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-glow-accent: 0 0 0 1px rgba(46, 230, 197, 0.4), 0 0 28px rgba(46, 230, 197, 0.22);

  --transition-fast: 140ms ease;
  --transition-base: 220ms ease;

  --sidebar-width: 264px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
  }
}