/**
 * SpielFunk Standard — nutzt :root in styles.css.
 * Light-Admin: verstärkter Plakat-Wash (Blau/Grün).
 */

body[data-brand="spielfunk"]:not([data-theme="dark"]):not(.sf-guest-shell) {
  background:
    radial-gradient(ellipse 72% 58% at 6% -4%, rgba(26, 127, 212, 0.22), transparent 60%),
    radial-gradient(ellipse 58% 50% at 98% 4%, rgba(107, 198, 40, 0.18), transparent 54%),
    radial-gradient(ellipse 48% 42% at 55% 108%, rgba(10, 61, 145, 0.1), transparent 58%),
    linear-gradient(168deg, #dceaf8 0%, #cfe3f6 36%, #e4f2d6 70%, #eef6f0 100%);
  background-attachment: fixed;
}

body[data-brand="spielfunk"]:not([data-theme="dark"]):not(.sf-guest-shell) .card-header {
  background: linear-gradient(
    128deg,
    rgba(26, 127, 212, 0.14) 0%,
    rgba(107, 198, 40, 0.1) 42%,
    rgba(255, 255, 255, 0.98) 100%
  );
  box-shadow: inset 4px 0 0 var(--sf-green, #6bc628);
}

body[data-brand="spielfunk"]:not([data-theme="dark"]):not(.sf-guest-shell) .page-title {
  color: var(--sf-blue-dark, #0b2d63);
  letter-spacing: -0.02em;
}

body[data-brand="spielfunk"]:not([data-theme="dark"]):not(.sf-guest-shell) .tile-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.96) 0%, rgba(232, 242, 255, 0.9) 100%);
  border: 1px solid rgba(26, 127, 212, 0.12);
  box-shadow: 0 10px 22px rgba(14, 26, 43, 0.07);
}

body[data-brand="spielfunk"]:not([data-theme="dark"]):not(.sf-guest-shell) .tile-card:hover {
  border-color: rgba(107, 198, 40, 0.45);
  box-shadow: 0 14px 28px rgba(14, 26, 43, 0.12);
}

body[data-brand="spielfunk"]:not([data-theme="dark"]):not(.sf-guest-shell) .tile-icon {
  background: rgba(107, 198, 40, 0.16);
  color: #3d7a12;
}