/**
 * Movyn Design Tokens — App UI (Tenso-style)
 * Version 1.2.0-pro
 */
:root {
	/* Surfaces — pure dark app */
	--movyn-bg: #050505;
	--movyn-bg-elevated: #0c0c0c;
	--movyn-bg-deep: #000000;
	--movyn-surface: #121212;
	--movyn-surface-2: #1a1a1a;
	--movyn-surface-3: #242424;
	--movyn-surface-hover: rgba(255, 255, 255, 0.06);
	--movyn-surface-active: rgba(255, 255, 255, 0.1);
	--movyn-overlay: rgba(0, 0, 0, 0.72);
	--movyn-overlay-heavy: rgba(0, 0, 0, 0.88);

	--movyn-border: rgba(255, 255, 255, 0.08);
	--movyn-border-strong: rgba(255, 255, 255, 0.14);
	--movyn-border-faint: rgba(255, 255, 255, 0.05);

	--movyn-text: #f5f5f5;
	--movyn-text-muted: rgba(245, 245, 245, 0.62);
	--movyn-text-faint: rgba(245, 245, 245, 0.4);
	--movyn-text-inverse: #0a0a0a;

	/* Brand: gold/yellow CTA like reference app */
	--movyn-accent: #f5c518;
	--movyn-accent-hover: #ffd54a;
	--movyn-accent-soft: rgba(245, 197, 24, 0.16);
	--movyn-accent-border: rgba(245, 197, 24, 0.5);
	--movyn-accent-rgb: 245, 197, 24;
	--movyn-accent-fg: #0a0a0a; /* text on yellow buttons */

	--movyn-gold: #f5c518;
	--movyn-star: #f5c518;
	--movyn-success: #22c55e;
	--movyn-warning: #f59e0b;
	--movyn-danger: #ef4444;
	--movyn-info: #3b82f6;

	--movyn-button: var(--movyn-accent);
	--movyn-button-player: var(--movyn-accent);
	--movyn-button-download: var(--movyn-accent);

	--movyn-ribbon-year: #f5c518;
	--movyn-ribbon-release: #f5c518;
	--movyn-ribbon-release-se: #22c55e;
	--movyn-ribbon-episode: rgba(0, 0, 0, 0.75);

	--movyn-tone: var(--movyn-bg-deep);
	--movyn-tone-soft: rgba(0, 0, 0, 0.4);

	--movyn-radius-xs: 6px;
	--movyn-radius-sm: 10px;
	--movyn-radius: 12px;
	--movyn-radius-md: 14px;
	--movyn-radius-lg: 18px;
	--movyn-radius-xl: 24px;
	--movyn-radius-pill: 999px;

	--movyn-shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.4);
	--movyn-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
	--movyn-shadow-lg: 0 20px 56px rgba(0, 0, 0, 0.6);
	--movyn-shadow-poster: 0 8px 24px rgba(0, 0, 0, 0.45);

	--movyn-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--movyn-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--movyn-duration-fast: 0.15s;
	--movyn-duration: 0.22s;
	--movyn-duration-slow: 0.35s;

	--movyn-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--movyn-font-display: "Outfit", "Inter", system-ui, sans-serif;
	--movyn-fs-xs: 11px;
	--movyn-fs-sm: 13px;
	--movyn-fs: 14px;
	--movyn-fs-md: 16px;
	--movyn-fs-lg: 18px;
	--movyn-fs-xl: 22px;
	--movyn-fs-2xl: 28px;
	--movyn-fs-3xl: 34px;
	--movyn-lh: 1.5;
	--movyn-lh-tight: 1.2;

	--movyn-container: 1100px;
	--movyn-header-h: 64px;
	--movyn-header-h-mobile: 56px;
	--movyn-bottom-nav-h: 64px;
	--movyn-sidebar: 300px;

	--movyn-space-1: 4px;
	--movyn-space-2: 8px;
	--movyn-space-3: 12px;
	--movyn-space-4: 16px;
	--movyn-space-5: 24px;
	--movyn-space-6: 32px;
	--movyn-space-8: 48px;

	--movyn-z-header: 99990;
	--movyn-z-bottom-nav: 99995;
	--movyn-z-overlay: 999999;
	--movyn-z-modal: 9999999;
	--movyn-z-player: 99999;
	--movyn-z-float-ad: 99980;

	--release-color-se: var(--movyn-ribbon-release-se);
	--poster-title: 12px;
	--poster-title-catdate: 11px;

	--movyn-pro-accent: var(--movyn-accent);
	--movyn-pro-accent-2: var(--movyn-gold);
	--movyn-pro-surface: var(--movyn-surface-hover);
	--movyn-pro-border: var(--movyn-border);
	--movyn-pro-radius: var(--movyn-radius);
	--movyn-pro-shadow: var(--movyn-shadow);
}

@media (prefers-color-scheme: dark) {
	:root { color-scheme: dark; }
}
@media (prefers-reduced-motion: reduce) {
	:root {
		--movyn-duration-fast: 0.01ms;
		--movyn-duration: 0.01ms;
		--movyn-duration-slow: 0.01ms;
	}
}