/* Classic pack — soft Apple-like chrome driven by admin color tokens */
body.theme-classic {
  --theme-radius-sm: 0.75rem;
  --theme-radius-md: 1.25rem;
  --theme-radius-lg: 1.75rem;
  --theme-radius-pill: 999px;
  --theme-font-sans: Manrope, system-ui, sans-serif;
  --theme-font-display: Outfit, Manrope, sans-serif;
}

body.theme-classic.kf-site {
  background:
    radial-gradient(1200px 480px at 80% -10%, rgba(var(--theme-accent-rgb), 0.08), transparent 60%),
    radial-gradient(900px 420px at 10% 20%, rgba(var(--theme-accent-2-rgb), 0.05), transparent 55%),
    var(--theme-bg);
}

body.theme-classic .kf-btn,
body.theme-classic .arv-btn {
  border-radius: var(--theme-radius-pill);
}

body.theme-classic .kf-btn-primary,
body.theme-classic .arv-btn-brass {
  background: var(--theme-accent) !important;
  color: #fff !important;
}

body.theme-classic .kf-btn-primary:hover,
body.theme-classic .arv-btn-brass:hover {
  filter: brightness(0.94);
  box-shadow: 0 8px 24px rgba(var(--theme-accent-rgb), 0.28);
}

body.theme-classic .kf-btn-outline,
body.theme-classic .arv-btn-outline {
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent) !important;
}

body.theme-classic .kf-btn-outline:hover {
  background: rgba(var(--theme-accent-rgb), 0.06) !important;
}

body.theme-classic .kf-label,
body.theme-classic .arv-label {
  color: var(--theme-accent) !important;
}

body.theme-classic .kf-footer {
  background: linear-gradient(180deg, var(--theme-footer-bg) 0%, var(--theme-ink) 100%);
}

body.theme-classic .kf-page-hero {
  background: linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-bg) 100%);
  border-bottom-color: rgba(var(--theme-ink-rgb), 0.06);
}

body.theme-classic .kf-page-hero__glow {
  background: radial-gradient(closest-side, rgba(var(--theme-accent-rgb), 0.12), transparent 70%);
}

body.theme-classic .kf-about-panel {
  border-color: rgba(var(--theme-accent-rgb), 0.12);
  box-shadow: 0 20px 50px rgba(var(--theme-accent-rgb), 0.06);
  background: var(--theme-surface);
  border-radius: var(--theme-radius-lg);
}

body.theme-classic .kf-about-pillar__n,
body.theme-classic .kf-person span,
body.theme-classic .prose a,
body.theme-classic .prose-walnut a,
body.theme-classic .kf-local-nav a.is-active {
  color: var(--theme-accent) !important;
}

body.theme-classic .gradient-text {
  background: linear-gradient(90deg, var(--theme-accent), var(--theme-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.theme-classic .kf-cmdk__input:focus {
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 3px rgba(var(--theme-accent-rgb), 0.15);
}

body.theme-classic .kf-variant-chip.is-active {
  border-color: var(--theme-accent);
  background: rgba(var(--theme-accent-rgb), 0.06);
}

body.theme-classic .kf-filter-chip.is-active {
  border-color: var(--theme-ink);
  background: var(--theme-ink);
  color: #fff;
}

body.theme-classic .kf-checkout-steps li.is-current span,
body.theme-classic .arv-hero-swiper .swiper-pagination-bullet-active {
  background: var(--theme-accent) !important;
}

body.theme-classic .kf-card,
body.theme-classic .arv-card {
  border-radius: var(--theme-radius-md);
  background: color-mix(in srgb, var(--theme-surface) 88%, transparent);
}

body.theme-classic header .group,
body.theme-classic .kf-section-title {
  color: var(--theme-ink);
}

/* Brand logo — beat visual-system `img { height: auto }` so the oval stays in the bar */
body.theme-classic header .kf-brand-logo {
  display: block;
  height: 66px;
  width: auto;
  max-height: 66px;
  max-width: 288px;
  object-fit: contain;
}
body.theme-classic .kf-footer .kf-brand-logo {
  display: block;
  height: 57px;
  width: auto;
  max-height: 57px;
  max-width: 247px;
  object-fit: contain;
}
@media (max-width: 640px) {
  body.theme-classic header .kf-brand-logo {
    height: 36px;
    max-height: 36px;
    max-width: 153px;
  }
}