:root {
  /* Colors */
  --primary: #265DF5;
  --secondary: #4EA8FF;
  --accent-blue: #0A58CA;
  --dark-color: #0F172A;
  --gray-dark: #334155;
  --gray-medium: #64748B;
  --gray-light: #F1F5F9;
  --bg-light: #F8FAFC;
  --bg-section: #FFFFFF;
  --card-bg-dark: #FFFFFF;
  --card-border-dark: #E2E8F0;
  --white: #FFFFFF;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #265DF5 0%, #6FC3FF 100%);
  --gradient-primary-hover: linear-gradient(135deg, #0056C6 0%, #4EA8FF 100%);
  --gradient-dark: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);

  /* Border Radii */
  --radius-card: 32px;
  --border-radius-card: 32px;
  --radius-button: 100px;
  --radius-badge: 12px;
  --radius-sm: 8px;
  --radius-md: 16px;

  /* Typography */
  --font-family-sans: 'Poppins', sans-serif;

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --font-size-hero-title: 3rem;
  /* 48px */
  --font-size-hero-subtitle: 1.25rem;
  /* 20px */
  --font-size-section-title: 2.25rem;
  /* 36px */
  --font-size-section-sub: 1rem;
  /* 16px */
  --font-size-card-title: 1.25rem;
  /* 20px */
  --font-size-body: 1rem;
  /* 16px */
  --font-size-sm: 0.875rem;
  /* 14px */
  --font-size-xs: 0.75rem;
  /* 12px */

  --line-height-heading: 1.25;
  --line-height-body: 1.6;

  /* Transitions */
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(20, 123, 255, 0.05);
  --shadow-md: 0 8px 30px rgba(20, 123, 255, 0.08);
  --shadow-lg: 0 16px 40px rgba(20, 123, 255, 0.12);
  --shadow-premium: 0 24px 60px rgba(15, 23, 42, 0.06);
}