/* VideoForge Design Tokens — Exact Match to Dark Obsidian Studio Theme */
:root {
  /* Core Backgrounds */
  --bg-app: #0b0e17;
  --bg-sidebar: #0f1320;
  --bg-card: #141a2b;
  --bg-card-elevated: #1a2238;
  --bg-card-hover: #1e2842;
  --bg-input: #121727;
  --bg-overlay: rgba(11, 14, 23, 0.85);

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-medium: rgba(255, 255, 255, 0.12);
  --border-highlight: rgba(99, 102, 241, 0.4);
  --border-focus: #6366f1;

  /* Primary Brand & Accents */
  --accent-primary: #6366f1;       /* Indigo */
  --accent-purple: #8b5cf6;        /* Purple */
  --accent-fuchsia: #c084fc;       /* Light purple */
  --accent-emerald: #10b981;       /* Green */
  --accent-cyan: #06b6d4;          /* Cyan */
  --accent-amber: #f59e0b;         /* Amber/Yellow */
  --accent-rose: #f43f5e;          /* Red/Rose */

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
  --grad-primary-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
  --grad-glow: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, transparent 70%);

  /* Text Colors */
  --text-primary: #ffffff;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;
  --text-accent: #a5b4fc;
  --text-success: #34d399;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 14px -2px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px rgba(99, 102, 241, 0.35);
  --shadow-purple-btn: 0 4px 16px rgba(139, 92, 246, 0.4);

  /* Transitions */
  --transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}