/* ═══════════════════════════════════════════════════════════════
   BlackTrails Studio — Design System
   Reference: Google AI Studio (grayscale, minimal, professional)
   Fonts: Inter (body + display)
   Icons: Lucide (SVG)
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Colori — grayscale only, no orange/vibrant */
  --st-bg-primary: #0a0a0a;
  --st-bg-surface: #111111;
  --st-bg-surface-hover: #1a1a1a;
  --st-bg-elevated: #161616;
  --st-border: #2a2a2a;
  --st-border-hover: #3a3a3a;
  --st-border-light: #222222;

  --st-text-primary: #e0e0e0;
  --st-text-secondary: #888888;
  --st-text-muted: #666666;
  --st-text-subtle: #444444;

  /* Accent = light gray/white, NO vibrant colors */
  --st-accent: #e0e0e0;
  --st-accent-hover: #f0f0f0;
  --st-accent-glow: rgba(255, 255, 255, 0.05);
  --st-green: #6b7280;
  --st-red: #6b7280;
  --st-yellow: #6b7280;
  --st-blue: #6b7280;

  /* Tipografia — Inter only */
  --st-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --st-font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --st-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --st-font-size-xs: 11px;
  --st-font-size-sm: 13px;
  --st-font-size-base: 15px;
  --st-font-size-lg: 18px;
  --st-font-size-xl: 24px;
  --st-font-size-2xl: 32px;

  /* Spacing — 8-point grid */
  --st-space-xs: 4px;
  --st-space-sm: 8px;
  --st-space-md: 16px;
  --st-space-lg: 24px;
  --st-space-xl: 32px;
  --st-space-2xl: 48px;

  /* Bordi e raggio — da blacktrails.io */
  --st-radius-sm: 8px;
  --st-radius-md: 12px;
  --st-radius-lg: 16px;          /* --radius-card blacktrails.io */

  /* Ombre e glow */
  --st-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);
  --st-shadow-elevated: 0 4px 12px rgba(0, 0, 0, 0.5);
  --st-glow-accent: 0 0 20px var(--st-accent-glow);

  /* Transizioni */
  --st-transition: 200ms ease;
  --st-transition-slow: 400ms ease;

  /* Layout */
  --st-sidebar-width: 240px;
  --st-header-height: 56px;
  --st-content-max-width: 1200px;

  /* Agent colors (Tavolo) — grayscale variants */
  --st-agent-masterbot: #888;
  --st-agent-sentinel: #666;
  --st-agent-analyst: #777;
  --st-agent-profiler: #7a7a7a;
  --st-agent-strategist: #8a8a8a;
  --st-agent-oracle: #696969;
}