/**
 * ⚡ LeStart Design System - Tokens & Root Variables
 * TVH Innovations - TVH GlassUI & CSS Studio Pro
 */

:root {
  /* LeStart Core Color Palette */
  --tvh-primary: #6366f1;
  --tvh-primary-light: #818cf8;
  --tvh-primary-dark: #4338ca;
  --tvh-primary-glow: rgba(99, 102, 241, 0.35);

  --tvh-secondary: #06b6d4;
  --tvh-secondary-light: #22d3ee;
  --tvh-secondary-glow: rgba(6, 182, 212, 0.3);

  --tvh-accent: #ec4899;
  --tvh-accent-purple: #a855f7;
  --tvh-accent-glow: rgba(236, 72, 153, 0.35);

  --tvh-success: #10b981;
  --tvh-warning: #f59e0b;
  --tvh-danger: #ef4444;

  /* Surfaces & Dark Theme (OLED Grade) */
  --tvh-bg-main: #060913;
  --tvh-bg-surface: #0c1022;
  --tvh-bg-card: rgba(15, 23, 42, 0.75);
  --tvh-bg-card-hover: rgba(30, 41, 59, 0.85);
  --tvh-bg-panel: rgba(11, 17, 33, 0.85);
  --tvh-bg-input: rgba(3, 7, 18, 0.6);

  /* Borders & Dividers */
  --tvh-border-subtle: rgba(255, 255, 255, 0.08);
  --tvh-border-bright: rgba(255, 255, 255, 0.18);
  --tvh-border-primary: rgba(99, 102, 241, 0.4);

  /* Typography */
  --tvh-text-primary: #f8fafc;
  --tvh-text-secondary: #94a3b8;
  --tvh-text-muted: #64748b;
  --tvh-text-inverse: #020617;

  --tvh-font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tvh-font-heading: 'Outfit', var(--tvh-font-main);
  --tvh-font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* Elevation & Shadows */
  --tvh-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --tvh-shadow-md: 0 10px 30px -10px rgba(0, 0, 0, 0.6);
  --tvh-shadow-lg: 0 20px 50px -15px rgba(0, 0, 0, 0.8);
  --tvh-shadow-glow: 0 0 25px var(--tvh-primary-glow);

  /* Radii */
  --tvh-radius-xs: 6px;
  --tvh-radius-sm: 10px;
  --tvh-radius-md: 16px;
  --tvh-radius-lg: 24px;
  --tvh-radius-xl: 32px;
  --tvh-radius-full: 9999px;

  /* Transitions */
  --tvh-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --tvh-transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --tvh-transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}