/* =================================================
   Theme – Aurora
   Kräftiges Demo-Theme für akk-custom.css
   ================================================= */

.mz-akk-box.akk-theme-aurora {

  --mz-akk-bg:
    linear-gradient(
      180deg,
      rgba(22,28,45,.96),
      rgba(16,22,38,.98)
    );

  --mz-akk-header-bg:
    linear-gradient(
      135deg,
      #5b21b6,
      #2563eb 55%,
      #0891b2
    );

  --mz-akk-header-bg-hover:
    linear-gradient(
      135deg,
      #7c3aed,
      #3b82f6 55%,
      #06b6d4
    );

  --mz-akk-border: rgba(255,255,255,.10);

  --mz-akk-text: #f3f7ff;

  --mz-akk-shadow:
    0 10px 28px rgba(0,0,0,.35);

  --mz-akk-radius: 18px;

  --mz-akk-focus: #ffffff;

  --mz-akk-header-padding-y: 1.1rem;

  --mz-akk-gap: 1.25rem;
}


.mz-akk-box.akk-theme-aurora2 {

  --mz-akk-bg:
    linear-gradient(
      180deg,
      rgba(22,28,45,.96),
      rgba(16,22,38,.98)
    );

  --mz-akk-header-bg:
    linear-gradient(
      135deg,
      #32a222,
      #4ac66f 55%,
      #95e51f
    );

  --mz-akk-header-bg-hover:
    linear-gradient(
      135deg,
      #65af28,
      #7dcd45 55%,
      #88e53d
    );

  --mz-akk-border: rgba(255,255,255,.10);

  --mz-akk-text: #f3f7ff;

  --mz-akk-shadow:
    0 10px 28px rgba(0,0,0,.35);

  --mz-akk-radius: 18px;

  --mz-akk-focus: #ffffff;

  --mz-akk-header-padding-y: 1.1rem;

  --mz-akk-gap: 1.25rem;
}


/* Titel kräftiger */

.mz-akk-box.akk-theme-aurora .mz-akk-titlewrap {
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: .02em;
}

/* Inhalt leicht abgesetzt */

.mz-akk-box.akk-theme-aurora .mz-akk-body {
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.03),
      rgba(255,255,255,.01)
    );
}

/* stärkere visuelle Trennung */

.mz-akk-box.akk-theme-aurora .mz-akk-header {
  border-bottom: 1px solid rgba(255,255,255,.16);
}

/* schöner Glow beim Hover */

.mz-akk-box.akk-theme-aurora .mz-akk-item:hover {
  transform: translateY(-2px);
  transition: transform .25s ease;
  box-shadow:
    0 16px 36px rgba(0,0,0,.45),
    0 0 18px rgba(59,130,246,.25);
}

.mz-akk-box.akk-theme-aurora2 a {
color: #ffffff;
}
.mz-akk-box.akk-theme-aurora2 a:hover,
.mz-akk-box.akk-theme-aurora2 a:focus {
color: #ffffff;
}
