body.theme-classic {
  --cms-bg-page: #f8f9fb;
  --cms-surface: #ffffff;
  --cms-primary: #2563eb;
  --cms-primary-dark: #1d4ed8;
  --cms-ink: #0f172a;
  --cms-slate-200: #dbe3f0;
  --cms-text-muted: #64748b;
  --cms-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 42%, #1e3a8a 100%);
  --cms-radius: 14px;
  --cms-font: "Cabin", system-ui, sans-serif;
  --cms-hero-text: #ffffff;
  --cms-hero-muted: rgba(255, 255, 255, 0.88);
  --cms-hero-eyebrow: rgba(219, 234, 254, 0.95);
  --cms-on-primary: #ffffff;
  --cms-btn-radius: 999px;
}

body.theme-classic .cms-header {
  background: #ffffff;
  border-bottom: 1px solid var(--cms-slate-200);
  backdrop-filter: blur(10px);
}

body.theme-classic .cms-brand,
body.theme-classic .cms-nav-link {
  color: var(--cms-ink);
}

body.theme-classic .cms-brand-logo {
  height: 2.25rem;
  max-width: 8rem;
}

body.theme-classic .cms-nav-link:hover,
body.theme-classic .cms-nav-link[aria-current="page"] {
  color: var(--cms-primary);
}

body.theme-classic .cms-btn-ghost {
  border-color: var(--cms-slate-200);
  color: var(--cms-ink);
  background: transparent;
}

body.theme-classic .cms-btn-primary {
  background: var(--cms-primary);
  color: #fff;
  border-radius: 999px;
  box-shadow: none;
}

body.theme-classic .cms-theme-scope .cms-hero {
  background: var(--cms-gradient);
  color: #fff;
  padding: 4.5rem 0 4.5rem;
  border: 0;
  border-radius: 0;
}

body.theme-classic .cms-theme-scope .cms-hero .cms-title {
  color: #fff;
  max-width: 18ch;
  font-size: clamp(2.4rem, 5vw, 3.6rem);
}

body.theme-classic .cms-theme-scope .cms-hero .cms-lead {
  color: rgba(255, 255, 255, 0.9);
  max-width: 42rem;
}

body.theme-classic .cms-theme-scope .cms-hero .cms-btn--primary {
  background: #fff;
  color: #0f172a;
  border-radius: 999px;
}

body.theme-classic .cms-theme-scope .cms-hero .cms-btn--outline {
  border-color: rgba(255, 255, 255, 0.7);
  color: #fff;
  border-radius: 999px;
}

body.theme-classic .cms-theme-scope .cms-hero__copy--solo {
  max-width: 46rem;
}

body.theme-classic .cms-theme-scope .cms-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

body.theme-classic .cms-theme-scope .cms-stat-value {
  color: var(--cms-primary);
}

body.theme-classic .cms-footer {
  border-top: 1px solid #d1d5db;
}