/**
 * Default theme – layout, colors, typography, buttons, cards.
 * Standard class names: .hero-section, .services-section, .btn-primary, .theme-card, etc.
 */

.tenant-site-root.theme-default {
  --theme-primary: var(--color-primary, #4f46e5);
  --theme-secondary: var(--color-secondary, #0ea5e9);
  --theme-font: var(--color-font, #1e293b);
  --theme-bg: #ffffff;
  --theme-card-radius: 1rem;
  --theme-card-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.tenant-site-root.theme-default .hero-section {
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);
  color: #fff;
}

.tenant-site-root.theme-default .services-section,
.tenant-site-root.theme-default .about-section,
.tenant-site-root.theme-default .testimonial-section,
.tenant-site-root.theme-default .contact-section {
  padding: 3rem 0;
}

.tenant-site-root.theme-default .btn-primary {
  background-color: var(--theme-primary);
  color: #fff;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: opacity 0.2s, transform 0.2s;
}

.tenant-site-root.theme-default .btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

.tenant-site-root.theme-default .btn-secondary {
  background-color: var(--theme-secondary);
  color: #fff;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: opacity 0.2s, transform 0.2s;
}

.tenant-site-root.theme-default .btn-secondary:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

.tenant-site-root.theme-default .theme-card,
.tenant-site-root.theme-default .theme-feature-card {
  background: var(--theme-bg);
  border-radius: var(--theme-card-radius);
  box-shadow: var(--theme-card-shadow);
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
}

.tenant-site-root.theme-default .theme-card:hover,
.tenant-site-root.theme-default .theme-feature-card:hover {
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  transform: translateY(-2px);
}

.tenant-site-root.theme-default .cta-section {
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);
  color: #fff;
  padding: 3rem 0;
}