/* GoGame: one accent colour (neon magenta from the game logo, toned down) */
:root {
    --gg-accent: #8e2c8c;
    --gg-tint: #f7eff7;
    --gg-line: #e8d3e7;
}

:root[data-theme="dark"] { --gg-accent: #d58bd3; --gg-tint: #2a1730; --gg-line: #47264a; }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) { --gg-accent: #d58bd3; --gg-tint: #2a1730; --gg-line: #47264a; }
}

.page-header {
    background: var(--gg-tint);
    border-bottom-color: var(--gg-line);
}

.page-header .badge:not(.badge-muted) { color: var(--gg-accent); background: var(--surface); border: 1px solid var(--gg-line); }
.page-header .badge-muted { background: var(--surface); }

/* The GoGame artwork is a 3:2 banner, not a square app icon */
.product-icon.product-banner {
    width: 300px;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: var(--radius-lg);
}

.product-hero .lead { max-width: 56ch; }

.partner-logo-link {
    display: block;
    max-width: 320px;
    padding: 32px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
}

.partner-logo-link:hover { border-color: var(--line-strong); }

@media (max-width: 640px) {
    .product-icon.product-banner { width: 100%; max-width: 360px; height: auto; border-radius: var(--radius-lg); }
}