/* ========================================
   Modern Theme - Educve Portal
   Uses global CSS variables from global-colors.blade.php
   ======================================== */

/* Theme Variables - Now inherit from global settings */
.theme-modern {
  --theme-primary: var(--gradient-primary-start, #667eea);
  --theme-secondary: var(--gradient-primary-end, #764ba2);
  --theme-accent: var(--gradient-secondary-start, #f093fb);
  --theme-bg: #ffffff;
  --theme-text: #2d3748;
  --theme-text-light: #718096;
}

/* Typography overrides for modern theme */
/* .theme-modern h1,
.theme-modern h2,
.theme-modern h3,
.theme-modern h4,
.theme-modern h5,
.theme-modern h6 {
  font-family: 'Poppins';
} */

/* Primary buttons - Use global gradient */
.theme-modern .td_btn {
  background: var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));
  border: none;
}

.theme-modern .td_btn:hover {
  background: linear-gradient(var(--gradient-direction, 135deg), var(--gradient-primary-end, #764ba2) 0%, var(--gradient-primary-start, #667eea) 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Hero section gradient overlay - Use global gradient */
.theme-modern .td_hero_area {
  background: var(--gradient-primary, linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%));
}

/* Card hover effects */
.theme-modern .td_card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

/* Link colors - Use accent color */
/* .theme-modern a:hover {
  color: var(--accent-color, #667eea);
} */

/* Footer background - Use global footer color */
.theme-modern .td_footer {
  background: var(--footer-bg-color, linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)) !important;
}