:root {
	--tl-color-primary: #713600;
	--tl-color-accent: #713600;
	--tl-color-dark: #121212;
	--tl-color-light: #ffffff;
	--tl-font-base: 'Urbanist', system-ui, -apple-system, sans-serif;
	--tl-font-heading: 'Sora', system-ui, -apple-system, sans-serif;
	--tl-font-size-base: 16px;
	--tl-logo-height: 40px;
	--tl-header-padding: 15px;
	--tl-site-title-size: 21px;
	--tl-nav-font-size: 16px;
	--tl-nav-text-transform: uppercase;
	--tl-minimal-title-lines-desktop: 3;
	--tl-minimal-title-lines-mobile: 3;
	--tl-widget-item-align: flex-start;
	--tl-compact-title-size-desktop: var(--tl-text-xl);
	--tl-compact-title-font: var(--tl-font-base);
	--tl-minimal-title-font: var(--tl-font-base);
	--tl-compact-title-size-mobile: var(--tl-text-base);
	--tl-post-card-title-font: var(--tl-font-base);
	--tl-post-card-title-size-desktop: var(--tl-text-base);
	--tl-post-card-title-size-mobile: var(--tl-text-sm);
	--tl-post-card-title-lines-desktop: 2;
	--tl-post-card-title-lines-mobile: 2;
	--tl-minimal-title-size-desktop: var(--tl-text-base);
	--tl-minimal-title-size-mobile: var(--tl-text-base);
	--tl-album-title-font: var(--tl-font-base);
	--tl-album-title-size-desktop: var(--tl-text-base);
	--tl-album-title-size-mobile: var(--tl-text-sm);
	--tl-album-title-lines-desktop: 3;
	--tl-album-title-lines-mobile: 3;
	--tl-album-card-gap-desktop: 24px;
	--tl-album-card-gap-mobile: 12px;
	--tl-artist-bio-dark-color: #a3a3ab;
	--tl-resume-bar-height: 78px;
	--tl-hero-title-size-desktop: var(--tl-text-lg);
	--tl-hero-title-size-mobile: var(--tl-text-base);
	--tl-btn-radius: var(--tl-radius-sm);
	--tl-btn-hover-transform: translateY(-2px);
	--tl-section-title-size-desktop: var(--tl-text-xl);
	--tl-section-title-size-mobile: var(--tl-text-xl);
}

/* Global typography lock – match live Tunesloaded */
html, body, .tl-theme {
	font-family: var(--tl-font-base) !important;
	font-size: var(--tl-font-size-base) !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.tl-section__title,
.tl-hot-artists__title,
.tl-article__title,
.tl-hero__title {
	font-family: var(--tl-font-heading) !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em;
}

.tl-section__title {
	font-size: var(--tl-section-title-size-mobile, var(--tl-text-xl)) !important;
	font-weight: 800 !important;
}

.tl-post-card__title,
.tl-widget-item__title,
.tl-trending-row__title,
.tl-post-card--list .tl-post-card__title,
.tl-post-card--minimal .tl-post-card__title,
.tl-post-card--album .tl-post-card__title,
.tl-post-card--grid .tl-post-card__title,
.tl-post-card--slide .tl-post-card__title {
	font-family: var(--tl-font-base) !important;
	font-weight: 700 !important;
}

.tl-article__title {
	font-weight: 800 !important;
}

.tl-article__badge,
.tl-post-card__badge {
	font-family: var(--tl-font-base) !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.tl-article__author-name,
.tl-menu-link,
.tl-quickbar a,
.tl-pill {
	font-family: var(--tl-font-base) !important;
	font-weight: 600 !important;
}

.tl-article__published,
.tl-post-card__date,
.tl-widget-item__excerpt,
.entry-content,
.tl-article-content,
.tl-article__body {
	font-family: var(--tl-font-base) !important;
	font-weight: 400 !important;
}

.tl-article__published strong {
	font-weight: 700 !important;
}

.tl-share-icons-row__label {
	font-weight: 700 !important;
	font-family: var(--tl-font-base) !important;
}

.tl-telegram-banner {
	font-family: var(--tl-font-base) !important;
	font-weight: 800 !important;
}

.tl-primary-nav a,
.tl-footer-nav a {
	font-family: var(--tl-font-base) !important;
	font-weight: 600 !important;
}

button,
.tl-btn,
input[type="submit"] {
	font-family: var(--tl-font-base) !important;
	font-weight: 700 !important;
}

/* Trending Songs mobile carousel — one big card per view with a small peek
   of the next (matches the live site), instead of the small ~190px tile
   size used by other carousels like Hot Artists. */
@media (max-width: 782px) {
	.tl-carousel-track--trending .tl-post-card--slide {
		flex: 0 0 86%;
	}
	.tl-carousel-track--trending .tl-post-card--slide .tl-post-card__media {
		aspect-ratio: 4 / 3;
	}
}