/* Emerald — default green theme */
:root {
  --theme-hero-bg: linear-gradient(135deg, #ecfdf5 0%, #ffffff 60%);
  --theme-primary: #10b981;
  --theme-primary-dark: #059669;
  --theme-surface: #ffffff;
  --theme-text: #0f172a;
  --theme-muted: #64748b;
  --theme-radius: 16px;
  --theme-btn-bg: #10b981;
  --theme-btn-text: #fff;
}
body.template-emerald {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background: #f5f7f6;
  color: var(--theme-text);
}
.template-emerald .hero { background: var(--theme-hero-bg); border-bottom:1px solid #e6ebea; padding:40px 0 32px; }
.template-emerald .hero h1 { font-size:32px; font-weight:800; color:var(--theme-text); }
.template-emerald .card { background:#fff; border:1px solid #e6ebea; border-radius:16px; box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06); padding:20px; }
.template-emerald .btn.primary, .template-emerald .btn { background:#10b981; color:#fff; border:0; padding:12px 18px; border-radius:12px; font-weight:600; }
.template-emerald .btn:hover { background:#059669; }
.template-emerald .badge.green { background:#ecfdf5; color:#059669; }