:root {
  /* Colors - Dark Tech Theme */
  --bg-primary: #0f172a; /* Slate 900 */
  --bg-secondary: #1e293b; /* Slate 800 */
  --bg-tertiary: #334155; /* Slate 700 */
  
  --text-main: #f8fafc; /* Slate 50 */
  --text-muted: #cbd5e1; /* Slate 300 */
  --text-accent: #38bdf8; /* Sky 400 */
  
  --primary: #0ea5e9; /* Sky 500 */
  --primary-hover: #0284c7; /* Sky 600 */
  --secondary: #64748b; /* Slate 500 */
  
  --gradient-main: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);
  --gradient-dark: linear-gradient(to bottom, #0f172a, #1e293b);

  /* Typography */
  --font-main: 'Outfit', 'Inter', system-ui, -apple-system, sans-serif;
  --font-heading: 'Outfit', 'Inter', system-ui, sans-serif;

  /* Spacing */
  --container-width: 1200px;
  --header-height: 80px;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;
}

html {
  scroll-behavior: smooth;
}