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

/* Theme Variables - Now inherit from global settings */
.theme-default {
  --theme-primary: var(--gradient-primary-start, #667eea);
  --theme-secondary: var(--gradient-primary-end, #764ba2);
  --theme-accent: var(--accent-color, #121212);
  --theme-bg: #ffffff;
  --theme-text: var(--heading-color, #000000);
  --theme-text-light: var(--body-color, #666666);
}

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

.theme-default .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);
}

/* Footer background - Use global footer color */
.theme-default .td_footer {
  background: var(--footer-bg-color, #1a1a2e) !important;
}