/* ==============================================
 * Hedgehog global theme — card layout + consistency
 * Applied to every page after page-specific styles.
 * ============================================== */

/* Base page background — warm cream for the "gutter" between cards */
html, body { background: #FDFBF7 !important; }

/* Card treatment for all top-level sections */
.hero,
.stats-bar,
.stats-strip,
.trust-bar,
.section,
.pas,
.hilda-feature,
.training-hero,
.support-section,
.testimonials,
.reviews,
.comparison,
.faq-section,
.cta-section,
.case-hero,
.case-body,
.contact-hero,
.blog-hero,
.blog-grid-section,
.resources-hero,
.resources-grid-section,
.success-hero,
.success-stats,
.about-hero,
.audit-hero,
.quiz-container {
  background: #FFFFFF;
  margin: 20px 32px 0;
  border-radius: 24px;
  border: 1px solid #E8E6E3;
  box-shadow: 0 2px 16px rgba(0,0,0,0.03);
}

/* Some dark sections use a dark card */
.section--dark,
.hilda-feature,
.cta-section--dark,
[class*="section--dark"] {
  background: #1B1918 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Alt-tinted cards */
.section--alt {
  background: #F7F6F4 !important;
}

.section--blue {
  background: #E8F6FF !important;
  border-color: #BDE4FA !important;
}

.section--cream {
  background: #FDFBF7 !important;
}

/* Padding inside cards */
.hero,
.section,
.pas,
.hilda-feature,
.training-hero,
.support-section,
.testimonials,
.reviews,
.comparison,
.faq-section,
.cta-section,
.case-hero,
.case-body,
.contact-hero,
.blog-hero,
.resources-hero,
.success-hero,
.about-hero,
.audit-hero {
  padding: 72px 40px;
}

/* Footer as a card too */
.footer {
  background: #FDFBF7 !important;
  border-radius: 24px !important;
  margin: 20px 32px !important;
  border: 1px solid #E8E6E3 !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.03) !important;
}

/* Mobile — tighter margins, less radius */
@media (max-width: 768px) {
  html, body { background: #FDFBF7 !important; }
  .hero, .stats-bar, .stats-strip, .trust-bar, .section,
  .pas, .hilda-feature, .training-hero, .support-section,
  .testimonials, .reviews, .comparison, .faq-section, .cta-section,
  .case-hero, .case-body, .contact-hero, .blog-hero, .resources-hero,
  .success-hero, .about-hero, .audit-hero, .quiz-container {
    margin: 12px 12px 0 !important;
    border-radius: 16px !important;
    padding: 40px 20px !important;
  }
  .footer {
    margin: 12px !important;
    border-radius: 16px !important;
    padding: 40px 20px 24px !important;
  }
}