/*!
 * Datei: csp-core/Assets/Theme/Styles/theme-modern.css
 *
 * Zweck:
 *  - Moderner Card-/SaaS-Stil für CSP Theme.
 */

:root {
  --csp-token-radius: 18px;
  --csp-token-radius-sm: 14px;
  --csp-token-radius-lg: 24px;
  --csp-token-shadow: 0 18px 48px rgba(15, 23, 42, .10);
}

body {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--csp-token-primary) 10%, transparent), transparent 34%),
    var(--csp-token-bg);
}

.site-header,
.csp-header-mid,
.csp-header-bottom {
  backdrop-filter: blur(12px);
}

.csp-post-card,
.csp-post-row,
.csp-single,
.csp-search-results {
  box-shadow: var(--csp-token-shadow);
}

.csp-btn,
.site-search button[type="submit"] {
  font-weight: 800;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--csp-token-btn-bg) 24%, transparent);
}