/* Hit Warehouse Modern — color scheme: cinematic dark, PEV/racing-inflected */

:root {
	--bg: #08090c;
	--bg-elevated: #14161c;
	--bg-card: #15171e;
	--text: #f3f4f7;
	--text-dim: #9298a6;
	--accent: #ff3b30;
	--accent-2: #29d1c6;
	--border: #22252e;
	--glow-1: rgba(255, 59, 48, 0.16);
	--glow-2: rgba(41, 209, 198, 0.12);
}

body { background: var(--bg); color: var(--text); }

.eyebrow { background: var(--bg-elevated); color: var(--text-dim); border: 1px solid var(--border); }

.featured-card { background: var(--bg-card); border: 1px solid var(--border); box-shadow: 0 30px 70px -30px rgba(0,0,0,0.6); }
.featured-card::after {
	content: '';
	position: absolute; inset: 0;
	background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,0.85) 100%);
}
.featured-label { background: var(--accent); color: #fff; }
.featured-caption { color: #fff; }
.featured-caption span:last-child { color: rgba(255,255,255,0.75); }

.site-title a { color: var(--text); background: linear-gradient(90deg, #fff, #fff); -webkit-background-clip: text; }
.site-title a:hover { color: var(--accent); }
.site-tagline { color: var(--text-dim); }
.breadcrumb, .breadcrumb a { color: var(--text-dim); }
.breadcrumb a:hover { color: var(--accent-2); }

.album-desc { color: var(--text); }
.album-desc a { color: var(--accent-2); }
.album-desc h2, .album-desc h4, .album-desc h5 { color: var(--text); }

.section-label { color: var(--text-dim); }

.album-card { background: var(--bg-card); border: 1px solid var(--border); box-shadow: 0 1px 0 rgba(255,255,255,0.03) inset; }
.album-card:hover { box-shadow: 0 24px 60px -24px rgba(255, 59, 48, 0.35), 0 1px 0 rgba(255,255,255,0.03) inset; border-color: #2c2f3a; }
.album-card-body h2 a { color: var(--text); }
.album-card-body h2 a:hover { color: var(--accent); }
.album-card-date { color: var(--accent-2); }
.album-card-desc { color: var(--text-dim); }

.image-grid-item { background: var(--bg-card); border: 1px solid var(--border); }

.image-meta { color: var(--text-dim); }
.image-meta a { color: var(--accent-2); }

.imgnav a { color: var(--text); }
.imgnav a:hover { color: var(--accent); }

.pagelist a { color: var(--text); }
.pagelist a:hover { color: var(--accent); }

#credit { border-top: 1px solid var(--border); color: var(--text-dim); }
#credit a { color: var(--text-dim); }
#credit a:hover { color: var(--accent-2); }

.searchbox input[type="submit"], .searchbox button { background: var(--accent); }

.about-bio { color: var(--text-dim); }
.about-bio h2, .about-bio h3 { color: var(--text); }
.about-bio a { color: var(--accent-2); }

::selection { background: var(--accent); color: #fff; }

/* Colorbox lightbox re-skin to match the dark theme */
#colorbox, #cboxOverlay { z-index: 999999 !important; }
#cboxOverlay { background: #000 !important; }
#cboxContent { background: transparent !important; }
#cboxLoadedContent { background: var(--bg-elevated) !important; border-radius: 12px; overflow: hidden; }
#cboxTitle { color: var(--text-dim) !important; }
#cboxCurrent, #cboxPrevious, #cboxNext, #cboxClose { color: var(--text) !important; opacity: 0.8; }