/* ============================================================
   SKIN: Main Street — vintage Americana.
   Served Sat/Sun daytime. Cream paper, deep red + gold.
   Tokens verified against the approved mockup.
   ============================================================ */

body.skin-main-street {
	--dm-bg: #f4ecd7;
	--dm-bg-deep: #ece0c3;
	--dm-text: #3a2b1c;
	--dm-text-muted: #6f5b43;
	--dm-accent: #a0271f;
	--dm-accent-deep: #7c1a14;
	--dm-accent-2: #a87f27;
	--dm-gold-bright: #c49a3f;
	--dm-gold-pale: #e3cd8f;
	--dm-teal: #3f6b62;
	--dm-card-bg: #fbf6e6;
	--dm-card-border: 1px solid #cdbb8d;
	--dm-header-bg: #f4ecd7;
	--dm-header-border: 1px solid #cdbb8d;
	--dm-nav-hover-bg: rgba(160, 39, 31, 0.07);
	--dm-font-display: 'Cinzel', Georgia, serif;
	--dm-font-body: 'EB Garamond', Georgia, serif;
	--dm-radius: 6px;
	--dm-shadow: 0 4px 18px rgba(58, 43, 28, 0.1);
	--dm-hero-bg: #f4ecd7;
	--dm-media-bg: #ece0c3;
	--dm-player-bg: #fbf6e6;
	--dm-player-border: 1px solid #cdbb8d;
	--dm-player-radius: 6px;
	--dm-track-bg: #e0d0a4;
	--dm-btn-text: #fbf6e6;
	--dm-footer-bg: #ece0c3;
}

/* Vintage paper grain (22px grid) */
body.skin-main-street {
	background-image: radial-gradient(rgba(58, 43, 28, 0.03) 1px, transparent 1px);
	background-size: 22px 22px;
}

/* Double-gold-frame souvenir motif on cards */
body.skin-main-street .dm-card {
	outline: 3px double var(--dm-gold-bright);
	outline-offset: 5px;
	box-shadow: inset 0 0 0 1px var(--dm-gold-pale), var(--dm-shadow);
}
body.skin-main-street .dm-card:hover { outline-color: var(--dm-accent-2); }

/* Display type: letterspaced Cinzel */
body.skin-main-street .dm-site-title {
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 1.3rem;
}
body.skin-main-street .dm-site-title .dm-mp3 { color: var(--dm-accent); }
body.skin-main-street .dm-hero h1 {
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
body.skin-main-street .dm-section-head h2 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1.4rem;
	border-bottom: 3px double var(--dm-gold-bright);
	padding-bottom: 8px;
	display: inline-block;
}

/* Park badges: red for Magic Kingdom, teal for Epcot */
body.skin-main-street .dm-park-tag { color: var(--dm-accent); }
body.skin-main-street .dm-card[data-park="Epcot"] .dm-park-tag { color: var(--dm-teal); }

/* Player: 52px round red button, gold ring, striped fill */
body.skin-main-street .dm-play-btn {
	width: 52px;
	height: 52px;
	box-shadow: 0 0 0 2px var(--dm-gold-bright), 0 0 0 4px var(--dm-card-bg), 0 0 0 5px var(--dm-gold-bright);
}
body.skin-main-street .dm-play-btn:hover {
	background: var(--dm-accent-deep);
	transform: scale(1.05);
}
body.skin-main-street .dm-track { height: 10px; border: 1px solid var(--dm-gold-pale); }
body.skin-main-street .dm-progress {
	background: repeating-linear-gradient(45deg, var(--dm-accent), var(--dm-accent) 8px, var(--dm-accent-deep) 8px, var(--dm-accent-deep) 16px);
}
body.skin-main-street .dm-time {
	font-family: var(--dm-font-display);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
}

/* Park tiles: cream cards with inset hairline */
body.skin-main-street .dm-park-tile {
	box-shadow: inset 0 0 0 1px var(--dm-gold-pale), var(--dm-shadow);
}
body.skin-main-street .dm-park-tile .dm-park-icon { color: var(--dm-accent-2); }
body.skin-main-street .dm-park-tile:hover { transform: translateY(-4px); }

/* Serif body at mockup size */
body.skin-main-street { font-size: 19px; line-height: 1.55; }
body.skin-main-street .dm-card-desc { font-size: 1.02rem; }

/* Footer: deeper cream with double gold top border */
body.skin-main-street .dm-footer { border-top: 3px double var(--dm-gold-bright); }