:root {
  --package-surface-radius: 24px;
  --package-shadow-soft: 0 18px 38px rgba(15, 23, 42, 0.08);
  --package-shadow-card: 0 10px 28px rgba(15, 23, 42, 0.08);
}

html[data-site-theme] body {
  transition: background-color 0.25s ease, color 0.25s ease;
}

html[data-site-theme] .theme-panel {
  border-radius: var(--package-surface-radius);
  box-shadow: var(--package-shadow-soft);
}