/**
 * Bold / Dark Theme
 *
 * Dramatic and intense. AAA game page feel — Steam store page meets Cyberpunk promo.
 * Deep black background, neon accents, glow effects, Space Grotesk headings.
 */
@layer pkp-theme {

	/* ── Theme variable overrides ───────────────────────── */
	.pkp-theme-bold-dark {
		--pkp-color-primary: #3b82f6;
		--pkp-color-secondary: #8b5cf6;
		--pkp-color-background: #0a0a0f;
		--pkp-color-surface: #1a1a2e;
		--pkp-color-text: #e2e8f0;
		--pkp-color-text-muted: #94a3b8;
		--pkp-color-accent: #8b5cf6;
		--pkp-color-link: #60a5fa;
		--pkp-color-link-hover: #93bbfd;
		--pkp-color-border: #2a2a3e;
		--pkp-font-heading: 'Space Grotesk', system-ui, -apple-system, sans-serif;
		--pkp-font-body: 'Inter', system-ui, -apple-system, sans-serif;
		--pkp-border-radius: 4px;

		/* Bold-dark shadow/glow tokens */
		--pkp-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);
		--pkp-shadow-card-hover: 0 0 20px rgba(59, 130, 246, 0.3);
		--pkp-shadow-glow: 0 0 20px rgba(59, 130, 246, 0.3);
		--pkp-shadow-glow-accent: 0 0 20px rgba(139, 92, 246, 0.3);
	}

	/* ── Subtle gradient background ────────────────────── */
	.pkp-theme-bold-dark.pkp-body {
		background: linear-gradient(180deg, #0a0a0f 0%, #0f0f23 50%, #0a0a0f 100%);
		background-attachment: fixed;
	}

	/* ── Headings: Space Grotesk, white, larger ────────── */
	.pkp-theme-bold-dark h1,
	.pkp-theme-bold-dark .pkp-hero__title {
		font-family: var(--pkp-font-heading);
		font-size: 3.5rem;
		font-weight: 700;
		color: #f8fafc;
		letter-spacing: -0.02em;
	}

	.pkp-theme-bold-dark h2,
	.pkp-theme-bold-dark .pkp-section__title {
		font-family: var(--pkp-font-heading);
		font-size: 2rem;
		font-weight: 600;
		color: #f8fafc;
	}

	/* ── Section headings with decorative line ─────────── */
	.pkp-theme-bold-dark .pkp-section__title {
		border-bottom: none;
		text-align: center;
		position: relative;
		display: flex;
		align-items: center;
		gap: 16px;
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	.pkp-theme-bold-dark .pkp-section__title::before,
	.pkp-theme-bold-dark .pkp-section__title::after {
		content: '';
		flex: 1;
		height: 1px;
		background: linear-gradient(90deg, transparent, var(--pkp-color-border), var(--pkp-color-primary), var(--pkp-color-border), transparent);
	}

	/* ── Section dividers ──────────────────────────────── */
	.pkp-theme-bold-dark .pkp-section {
		padding-bottom: var(--pkp-spacing-xl);
		border-bottom: 1px solid #1a1a2e;
	}

	.pkp-theme-bold-dark .pkp-section:last-child {
		border-bottom: none;
	}

	/* ── Hero section ──────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-hero {
		background: linear-gradient(180deg, #0a0a0f 0%, #0f0f23 100%);
	}

	.pkp-theme-bold-dark .pkp-hero--has-art::before {
		background: rgba(10, 10, 15, 0.6);
	}

	.pkp-theme-bold-dark .pkp-hero__tagline {
		color: var(--pkp-color-text-muted);
	}

	/* ── Navigation ────────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-nav {
		background: rgba(10, 10, 15, 0.95);
		border-bottom: 1px solid var(--pkp-color-border);
		backdrop-filter: blur(8px);
	}

	.pkp-theme-bold-dark .pkp-nav__link {
		color: var(--pkp-color-text-muted);
	}

	.pkp-theme-bold-dark .pkp-nav__link:hover,
	.pkp-theme-bold-dark .pkp-nav__link:focus-visible {
		color: var(--pkp-color-primary);
		border-bottom-color: var(--pkp-color-primary);
		text-shadow: 0 0 8px rgba(59, 130, 246, 0.4);
	}

	.pkp-theme-bold-dark .pkp-nav__link--active {
		color: var(--pkp-color-primary);
		border-bottom-color: var(--pkp-color-primary);
		text-shadow: 0 0 8px rgba(59, 130, 246, 0.4);
	}

	/* ── Card surfaces with glow hover ─────────────────── */
	.pkp-theme-bold-dark .pkp-factsheet {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-bold-dark .pkp-contact-card {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-bold-dark .pkp-key-request {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	/* ── Factsheet ─────────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-factsheet__label {
		color: var(--pkp-color-primary);
	}

	.pkp-theme-bold-dark .pkp-factsheet__item {
		border-bottom-color: var(--pkp-color-border);
	}

	.pkp-theme-bold-dark .pkp-factsheet__social {
		border-top-color: var(--pkp-color-border);
	}

	.pkp-theme-bold-dark .pkp-factsheet__social-link {
		background: rgba(59, 130, 246, 0.08);
		border-color: var(--pkp-color-border);
		color: var(--pkp-color-text-muted);
	}

	.pkp-theme-bold-dark .pkp-factsheet__social-link:hover,
	.pkp-theme-bold-dark .pkp-factsheet__social-link:focus-visible {
		color: var(--pkp-color-primary);
		border-color: var(--pkp-color-primary);
		box-shadow: 0 0 10px rgba(59, 130, 246, 0.2);
	}

	/* ── Screenshot grid with dark gaps & glow hover ───── */
	.pkp-theme-bold-dark .pkp-screenshots-grid {
		gap: 6px;
	}

	.pkp-theme-bold-dark .pkp-screenshot {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-bold-dark .pkp-screenshot:hover {
		box-shadow: var(--pkp-shadow-glow);
		border-color: rgba(59, 130, 246, 0.4);
	}

	.pkp-theme-bold-dark .pkp-screenshot__caption {
		background: #1a1a2e;
		color: var(--pkp-color-text-muted);
	}

	/* ── Key Art with glow hover ───────────────────────── */
	.pkp-theme-bold-dark .pkp-keyart {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-bold-dark .pkp-keyart:hover {
		box-shadow: var(--pkp-shadow-glow);
		border-color: rgba(59, 130, 246, 0.4);
	}

	/* ── Logos with dark surface ────────────────────────── */
	.pkp-theme-bold-dark .pkp-logo {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-bold-dark .pkp-logo:hover {
		box-shadow: var(--pkp-shadow-glow);
		border-color: rgba(59, 130, 246, 0.4);
	}

	.pkp-theme-bold-dark .pkp-logo__preview--checkered {
		background-image: repeating-conic-gradient(#1a1a2e 0% 25%, #141428 0% 50%);
		background-size: 16px 16px;
	}

	.pkp-theme-bold-dark .pkp-logo__preview--dark {
		background: #0a0a0f;
	}

	.pkp-theme-bold-dark .pkp-logo__info {
		border-top-color: var(--pkp-color-border);
	}

	.pkp-theme-bold-dark .pkp-logo__format {
		background: rgba(59, 130, 246, 0.12);
		color: var(--pkp-color-link);
	}

	/* ── GIFs with glow hover ──────────────────────────── */
	.pkp-theme-bold-dark .pkp-gif {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-bold-dark .pkp-gif:hover {
		box-shadow: var(--pkp-shadow-glow);
		border-color: rgba(59, 130, 246, 0.4);
	}

	.pkp-theme-bold-dark .pkp-gif__caption {
		background: #1a1a2e;
		color: var(--pkp-color-text-muted);
	}

	/* ── B-Roll items ──────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-broll-item {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-bold-dark .pkp-broll-item:hover {
		background: #1e1e34;
		border-color: rgba(59, 130, 246, 0.3);
	}

	.pkp-theme-bold-dark .pkp-broll-item__icon {
		background: var(--pkp-color-primary);
		box-shadow: 0 0 12px rgba(59, 130, 246, 0.3);
	}

	/* ── Trailer embeds ────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-trailer__embed {
		border: 1px solid var(--pkp-color-border);
		box-shadow: var(--pkp-shadow-card);
	}

	/* ── Outline buttons with glow on hover ────────────── */
	.pkp-theme-bold-dark .pkp-btn--outline {
		color: var(--pkp-color-primary);
		background: transparent;
		border: 1px solid var(--pkp-color-primary);
	}

	.pkp-theme-bold-dark .pkp-btn--outline:hover,
	.pkp-theme-bold-dark .pkp-btn--outline:focus-visible {
		background: rgba(59, 130, 246, 0.12);
		color: var(--pkp-color-link);
		border-color: var(--pkp-color-link);
		box-shadow: var(--pkp-shadow-glow);
	}

	/* ── Primary buttons ───────────────────────────────── */
	.pkp-theme-bold-dark .pkp-btn--primary {
		background: var(--pkp-color-primary);
		border-color: var(--pkp-color-primary);
		color: #fff;
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-bold-dark .pkp-btn--primary:hover,
	.pkp-theme-bold-dark .pkp-btn--primary:focus-visible {
		background: var(--pkp-color-link);
		border-color: var(--pkp-color-link);
		box-shadow: var(--pkp-shadow-glow);
	}

	/* ── Copy button ───────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-copy-btn {
		border-color: var(--pkp-color-border);
		color: var(--pkp-color-text-muted);
	}

	.pkp-theme-bold-dark .pkp-copy-btn:hover,
	.pkp-theme-bold-dark .pkp-copy-btn:focus-visible {
		border-color: var(--pkp-color-primary);
		color: var(--pkp-color-primary);
		background: rgba(59, 130, 246, 0.08);
		box-shadow: 0 0 10px rgba(59, 130, 246, 0.15);
	}

	/* ── Awards ─────────────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-award {
		border-bottom-color: var(--pkp-color-border);
	}

	.pkp-theme-bold-dark .pkp-award__icon {
		background: rgba(59, 130, 246, 0.12);
		color: var(--pkp-color-primary);
	}

	.pkp-theme-bold-dark .pkp-award__result {
		background: rgba(59, 130, 246, 0.12);
		color: var(--pkp-color-link);
	}

	/* ── Credits ────────────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-credit {
		border-bottom-color: var(--pkp-color-border);
	}

	/* ── Team ───────────────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-team-member__photo {
		box-shadow: 0 0 0 2px var(--pkp-color-border);
	}

	.pkp-theme-bold-dark .pkp-team-member__photo--placeholder {
		background: #1a1a2e;
		border-color: var(--pkp-color-border);
	}

	.pkp-theme-bold-dark .pkp-team-member__role {
		color: var(--pkp-color-primary);
	}

	.pkp-theme-bold-dark .pkp-team-member__social-link {
		background: rgba(59, 130, 246, 0.08);
		border-color: var(--pkp-color-border);
		color: var(--pkp-color-text-muted);
	}

	.pkp-theme-bold-dark .pkp-team-member__social-link:hover,
	.pkp-theme-bold-dark .pkp-team-member__social-link:focus-visible {
		color: var(--pkp-color-primary);
		border-color: var(--pkp-color-primary);
		box-shadow: 0 0 10px rgba(59, 130, 246, 0.2);
	}

	/* ── Contact card ──────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-contact-card__social {
		border-top-color: var(--pkp-color-border);
	}

	.pkp-theme-bold-dark .pkp-contact-card__social-link {
		background: rgba(59, 130, 246, 0.08);
		border-color: var(--pkp-color-border);
		color: var(--pkp-color-text-muted);
	}

	.pkp-theme-bold-dark .pkp-contact-card__social-link:hover {
		color: var(--pkp-color-primary);
		border-color: var(--pkp-color-primary);
		box-shadow: 0 0 10px rgba(59, 130, 246, 0.2);
	}

	/* ── Description section ───────────────────────────── */
	.pkp-theme-bold-dark .pkp-description__tagline {
		color: #f8fafc;
	}

	/* ── Footer ─────────────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-footer {
		border-top-color: var(--pkp-color-border);
	}

	/* ── Section header title (within flex header) ─────── */
	.pkp-theme-bold-dark .pkp-section-header .pkp-section__title {
		text-align: left;
	}

	.pkp-theme-bold-dark .pkp-section-header .pkp-section__title::before {
		display: none;
	}

	.pkp-theme-bold-dark .pkp-section-header .pkp-section__title::after {
		flex: 1;
	}

	/* ── Selection color ───────────────────────────────── */
	.pkp-theme-bold-dark ::selection {
		background: var(--pkp-color-primary);
		color: #fff;
	}

	/* ── Empty state ───────────────────────────────────── */
	.pkp-theme-bold-dark .pkp-empty {
		background: #1a1a2e;
		border: 1px solid var(--pkp-color-border);
		color: var(--pkp-color-text-muted);
	}

	/* ── Hamburger menu (mobile) ───────────────────────── */
	.pkp-theme-bold-dark .pkp-nav__toggle {
		color: var(--pkp-color-text-muted);
	}

	.pkp-theme-bold-dark .pkp-nav__toggle:hover,
	.pkp-theme-bold-dark .pkp-nav__toggle:focus-visible {
		color: var(--pkp-color-primary);
	}

	/* ── Background gradient sweep ─────────────────────── */
	.pkp-theme-bold-dark .pkp-root::before {
		content: '';
		position: fixed;
		inset: 0;
		background: radial-gradient(ellipse at 50% 0%, rgba(59, 130, 246, 0.04) 0%, transparent 60%);
		pointer-events: none;
		z-index: 0;
	}

	/* ── Hero title glow underline ─────────────────────── */
	.pkp-theme-bold-dark .pkp-hero__title {
		text-shadow: 0 0 30px var(--pkp-shadow-glow-color, rgba(59, 130, 246, 0.3));
	}

	/* ── Glassmorphism factsheet ────────────────────────── */
	.pkp-theme-bold-dark .pkp-factsheet {
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		transition: box-shadow var(--pkp-transition-normal);
	}

	.pkp-theme-bold-dark .pkp-factsheet:hover {
		box-shadow: var(--pkp-shadow-glow);
	}

	/* ── Screenshot hover border glow ──────────────────── */
	.pkp-theme-bold-dark .pkp-screenshot {
		transition: transform var(--pkp-transition-fast), box-shadow var(--pkp-transition-fast), border-color var(--pkp-transition-fast);
	}

	/* ── Section title gradient lines ──────────────────── */
	.pkp-theme-bold-dark .pkp-section__title::before,
	.pkp-theme-bold-dark .pkp-section__title::after {
		background: var(--pkp-gradient-accent);
		opacity: 0.3;
	}
}