:root {
	
	--brand-yellow: #ffcc00;
	--brand-yellow-bright: #ffd700;
	--brand-yellow-deep: #e6b800;
	--brand-yellow-soft: rgba(255, 204, 0, 0.14);
	--brand-yellow-line: rgba(255, 204, 0, 0.48);
	--brand-yellow-rgb: 255, 204, 0;

	--brand-red: #e60000;
	--brand-red-bright: #ff1a1a;
	--brand-red-soft: rgba(230, 0, 0, 0.09);
	--brand-red-rgb: 230, 0, 0;

	--brand-orange: #e65100;
	--brand-orange-bright: #ff5722;
	--brand-orange-soft: rgba(230, 81, 0, 0.1);

	--brand-black: #000000;
	--brand-charcoal: #1a1a1a;
	--brand-slate: #2c3e50;
	--brand-white: #ffffff;

	
	--news-gold: var(--brand-yellow);
	--news-gold-bright: var(--brand-yellow-bright);
	--news-gold-soft: var(--brand-yellow-soft);
	--news-gold-line: var(--brand-yellow-line);
	--news-gold-rgb: var(--brand-yellow-rgb);

	--news-red: var(--brand-red);
	--news-red-bright: var(--brand-red-bright);
	--news-red-soft: var(--brand-red-soft);
	--news-red-rgb: var(--brand-red-rgb);

	--news-orange: var(--brand-orange);
	--news-orange-bright: var(--brand-orange-bright);
	--news-orange-soft: var(--brand-orange-soft);

	--news-charcoal: var(--brand-black);
	--news-ink: var(--brand-charcoal);
	--news-text: var(--brand-slate);
	--news-muted: #5c6670;
	--news-border: #e4e7ec;
	--news-border-subtle: #eef0f4;
	--news-surface: var(--brand-white);
	--news-canvas: #f5f6f8;

	--news-sports: #157347;
	--news-sports-mid: #1a8754;
	--news-blue: #1a5f9e;
	--news-blue-soft: rgba(26, 95, 158, 0.12);

	
	--news-radius-xs: 6px;
	--news-radius-sm: 8px;
	--news-radius-md: 12px;
	--news-radius-lg: 16px;
	--news-radius-img: 10px;
	--news-radius-pill: 999px;

	
	--news-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
	--news-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 16px rgba(15, 23, 42, 0.06);
	--news-shadow-lg: 0 4px 8px rgba(15, 23, 42, 0.06), 0 12px 32px rgba(15, 23, 42, 0.1);
	--news-shadow-hover: 0 4px 12px rgba(15, 23, 42, 0.08), 0 12px 28px rgba(15, 23, 42, 0.1);
	--news-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06);

	--news-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--news-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--news-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--news-duration: 0.24s;
	--news-duration-slow: 0.4s;

	--ui-radius: var(--news-radius-md);
	--ui-radius-sm: var(--news-radius-sm);
	--ui-radius-pill: var(--news-radius-pill);
	--ui-border: 1px solid var(--news-border);
	--ui-border-subtle: 1px solid var(--news-border-subtle);
	--ui-transition: var(--news-duration) var(--news-ease);
	--ui-lift: translateY(-2px);
	--ui-gap-tight: clamp(6px, 0.8vw, 10px);
	--ui-gap-card: clamp(8px, 1vw, 12px);
	--ui-gap-section: clamp(18px, 2.8vw, 30px);

	--container-width: 1560px;
	--ltv-container-pad: clamp(8px, 1.2vw, 14px);
	--ltv-section-gap: var(--ui-gap-section);
	--ltv-shell-radius: var(--news-radius-md);
	--ltv-shell-shadow: var(--news-shadow);
	--ltv-shell-border: 1px solid var(--news-border);
	--ltv-header-pad: 14px 18px;
	--ltv-body-pad: clamp(12px, 2vw, 16px);
	--ltv-pro-ease: var(--news-ease);

	
	--header-yellow-grad: linear-gradient(180deg, var(--brand-yellow-bright) 0%, var(--brand-yellow) 55%, var(--brand-yellow-deep) 100%);
	--header-nav-grad: linear-gradient(180deg, var(--brand-yellow-bright) 0%, var(--brand-yellow) 40%, var(--brand-yellow-deep) 100%);

	
	--type-display: clamp(1.625rem, 5.5vw, 2.25rem);
	--type-title: clamp(1.375rem, 4vw, 1.875rem);
	--type-section: clamp(1.2rem, 3.2vw, 1.5rem);
	--type-subsection: clamp(1.0625rem, 2.8vw, 1.25rem);
	--type-body: clamp(1rem, 2.6vw, 1.0625rem);
	--type-lead: clamp(1.0625rem, 2.8vw, 1.125rem);
	--type-small: clamp(0.875rem, 2.4vw, 0.9375rem);
	--type-meta: clamp(0.6875rem, 2vw, 0.8125rem);
	--type-caption: 0.75rem;
	--leading-tight: 1.28;
	--leading-snug: 1.45;
	--leading-body: 1.8;
	--leading-prose: 1.85;

	/* Premium magazine layer */
	--mag-glass: rgba(255, 255, 255, 0.72);
	--mag-glass-border: rgba(255, 255, 255, 0.35);
	--mag-glow-gold: 0 0 24px rgba(var(--news-gold-rgb), 0.22);
	--mag-glow-red: 0 0 20px rgba(var(--news-red-rgb), 0.18);
	--mag-gradient-hero: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(var(--news-gold-rgb), 0.08) 0%, transparent 55%);
	--mag-gradient-section: linear-gradient(180deg, var(--news-surface) 0%, color-mix(in srgb, var(--news-canvas) 92%, var(--news-surface)) 100%);
	--mag-header-shine: linear-gradient(105deg, rgba(255, 255, 255, 0.06) 0%, transparent 42%, rgba(var(--news-gold-rgb), 0.08) 100%);
	--mag-shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.07);
	--mag-shadow-card-hover: 0 4px 12px rgba(15, 23, 42, 0.08), 0 20px 40px rgba(15, 23, 42, 0.12);
	--mag-shadow-section: 0 2px 4px rgba(15, 23, 42, 0.03), 0 12px 36px rgba(15, 23, 42, 0.08);
	--mag-reveal-distance: 22px;
	--mag-reveal-duration: 0.65s;
	--mag-reveal-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

body.dark-mode {
	--news-canvas: #0c0c0c;
	--news-surface: #1a1a1a;
	--news-border: rgba(255, 255, 255, 0.1);
	--news-border-subtle: rgba(255, 255, 255, 0.06);
	--news-text: #e4e4e7;
	--news-muted: #a1a1aa;
	--news-ink: #fafafa;
	--news-shadow: 0 2px 16px rgba(0, 0, 0, 0.4);
	--news-shadow-hover: 0 8px 28px rgba(0, 0, 0, 0.5);
	--brand-yellow-soft: rgba(255, 204, 0, 0.12);
	--mag-glass: rgba(26, 26, 26, 0.78);
	--mag-glass-border: rgba(255, 255, 255, 0.08);
	--mag-gradient-hero: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(var(--news-gold-rgb), 0.06) 0%, transparent 55%);
	--mag-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.25);
	--mag-shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.45), 0 20px 48px rgba(0, 0, 0, 0.35);
	--mag-shadow-section: 0 4px 20px rgba(0, 0, 0, 0.4);
}

@media (max-width: 768px) {
	:root {
		--news-radius-md: 10px;
		--ltv-section-gap: 14px;
		--ltv-container-pad: max(12px, env(safe-area-inset-left, 0px));
		--ltv-header-pad: 10px 12px;
		--ltv-body-pad: 10px;
		--ui-gap-section: 14px;
		--ui-gap-card: 8px;
	}
}

@media (max-width: 480px) {
	:root {
		--ltv-container-pad: 10px;
		--ui-gap-section: 12px;
	}
}