/* Cyberweb OPERA — design tokens & fonts (load before marketing.css / Tailwind) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap");

:root {
  --primary-color: #4361ee;
  --primary-hover: #3a56d4;
  --secondary-color: #7209b7;
  --blue-500: #4cc9f0;
  --blue-600: #3db8dc;
  --success-color: #2ecc71;
  --warning-color: #f39c12;
  --danger-color: #e74c3c;
  --text-color: #e2e8f0;
  --text-light: #a0aec0;
  --text-dimmed: #718096;
  --background-dark: #10101d;
  --background-card: #181827;
  --background-light: #1e1e30;
  --border-color: #2d3748;
  --border-light: #4a5568;
  --transition-slow: all 0.5s ease;
  --transition-medium: all 0.3s ease;
  --transition-fast: all 0.2s ease;
}