/*
 * Mini-Maxi Tech — Champagne Muse: zachte goud/koper-gloed (tokens in theme-tokens.css).
 */
body {
  background:
    radial-gradient(circle at 12% -8%, var(--mm-glow-1), transparent 38%),
    radial-gradient(circle at 88% -5%, var(--mm-glow-2), transparent 40%),
    linear-gradient(180deg, var(--mm-bg-dark) 0%, var(--mm-bg-mid) 100%);
}

#header {
  background-image:
    radial-gradient(circle at 14% 0%, var(--mm-glow-1), transparent 36%),
    radial-gradient(circle at 86% 0%, var(--mm-glow-2), transparent 38%),
    linear-gradient(180deg, var(--mm-bg-dark) 0%, var(--mm-bg-mid) 100%);
}

#footer {
  background-image:
    radial-gradient(circle at 18% 0%, var(--mm-glow-3), transparent 34%),
    radial-gradient(circle at 82% 0%, var(--mm-glow-4), transparent 36%),
    linear-gradient(180deg, var(--mm-bg-mid) 0%, var(--mm-bg-dark) 100%);
}

.main.style2 {
  background-image:
    radial-gradient(circle at 18% 12%, var(--mm-glow-2), transparent 36%),
    radial-gradient(circle at 82% 12%, var(--mm-glow-4), transparent 38%),
    linear-gradient(180deg, var(--mm-bg-card) 0%, var(--mm-bg-mid) 100%);
}

a:hover {
  color: var(--mm-link-hover);
}

.button.primary,
#header .button.primary,
#footer .button.primary {
  background: linear-gradient(180deg, var(--mm-accent) 0%, var(--mm-accent-end) 100%) !important;
  color: var(--mm-primary-on-accent) !important;
  box-shadow: 0 2px 12px var(--mm-primary-btn-shadow) !important;
}