/* Mirrors cms-app `ThemeStyleTag` + root html background for active theme. */
:root[data-theme="schlauesocke-2026"],
[data-theme="schlauesocke-2026"] {
  --ss-accent-amber: #a16207;
  --ss-accent-blue: #2563eb;
  --ss-accent-green: #16a34a;
  --ss-accent-kicker: #3f7a36;
  --ss-accent-strong: #3f7a36;
  --ss-alert-bg: #fffef5;
  --ss-alert-bg-soft: #f3faef;
  --ss-badge-bg: #e7f5e3;
  --ss-badge-border: rgba(91, 165, 74, 0.35);
  --ss-badge-text: #2f5a28;
  --ss-band-light-bg: #ffffff;
  --ss-band-light-border: transparent;
  --ss-band-light-card-border: rgba(15, 23, 42, 0.06);
  --ss-band-light-muted-bg: #f4f4ee;
  --ss-band-light-soft-bg: #fcfaef;
  --ss-blue: #2563eb;
  --ss-blue-hover: #1d4ed8;
  --ss-border: #ededed;
  --ss-checklist-icon-bg: #ecfdf5;
  --ss-checklist-icon-border: #34d399;
  --ss-checklist-icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 1rem no-repeat;
  --ss-dark-blue: #1f2340;
  --ss-elevated-bg: #ffffff;
  --ss-elevated-border: rgba(15, 23, 42, 0.06);
  --ss-elevated-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  --ss-font: "Inter", sans-serif;
  --ss-glass: #ffffff;
  --ss-glass-border: rgba(15, 23, 42, 0.06);
  --ss-glass-strong: #ffffff;
  --ss-green: #5ba54a;
  --ss-green-hover: #4f9240;
  --ss-headline-color: #1f2340;
  --ss-headline-font: "Poppins", sans-serif;
  --ss-headline-gradient-from: #1f2340;
  --ss-headline-gradient-to: #1f2340;
  --ss-max-width: 1280px;
  --ss-page-body: #1f2340;
  --ss-page-body-muted: #64748b;
  --ss-page-body-prose: #334155;
  --ss-page-body-soft: #475569;
  --ss-page-end: #fafaf7;
  --ss-page-gradient: #fafaf7;
  --ss-page-heading: #1f2340;
  --ss-page-mid: #fafaf7;
  --ss-page-start: #fafaf7;
  --ss-promo-bar-bg: #1f2340;
  --ss-radius2xl: 1.5rem;
  --ss-radius3xl: 1.75rem;
  --ss-radius-lg: 1rem;
  --ss-radius-md: 0.75rem;
  --ss-radius-sm: 0.5rem;
  --ss-radius-xl: 1.25rem;
  --ss-shadow-dark: 0 1px 2px rgba(15, 23, 42, 0.04);
  --ss-shadow-green: 0 6px 18px rgba(91, 165, 74, 0.18);
  --ss-shadow-yellow: none;
  --ss-surface-white: #ffffff;
  --ss-text-inverse: #ffffff;
  --ss-text-inverse-muted: rgb(148 163 184);
  --ss-text-inverse-prose: rgb(226 232 240);
  --ss-text-inverse-soft: rgb(203 213 225);
  --ss-text-muted: rgb(100 116 139);
  --ss-text-primary: #1f2340;
  --ss-text-secondary: #475569;
  --ss-text-soft: rgb(71 85 105);
  --ss-trustpilot-green: #00b67a;
  --ss-trustpilot-grey: #dcdce6;
  --ss-yellow: #f8d749;
  --ss-yellow-hover: #eacb3e;
}

html[data-theme="schlauesocke-2026"] {
  background: var(--ss-page-end);
}