/* Dual UI themes: corporate (strict) vs gaming (high-energy) */

html[data-theme="corporate"] {
  --page-accent: var(--color-accent);
  --page-hero-glow: var(--color-accent-muted);
}

html[data-theme="gaming"] {
  --page-accent: var(--game-vrising);
  --page-hero-glow: color-mix(in srgb, var(--game-vrising) 35%, transparent);
  --color-accent: #ff5d78;
  --color-accent-strong: #e0455e;
  --color-accent-muted: #e0455e44;
}

html[data-theme="gaming"] body.page--game-satisfactory {
  --page-accent: var(--game-satisfactory);
  --page-hero-glow: color-mix(in srgb, var(--game-satisfactory) 35%, transparent);
  --color-accent: #f5913e;
  --color-accent-strong: #e07a20;
  --color-accent-muted: #f5913e44;
}

.page--corporate {
  background: var(--color-bg-base);
}

.page--gaming {
  background:
    radial-gradient(ellipse 90% 50% at 50% -10%, var(--page-hero-glow), transparent 60%),
    var(--color-bg-base);
}

.page-nav .primary-nav__list {
  gap: 0.15rem;
  flex-wrap: wrap;
}

.page-nav .nav-link {
  font-size: 0.85rem;
  padding: 0.45rem 0.55rem;
}