/* ==========================================================
   dimosTV Design Tokens v3
========================================================== */

:root {
    /* Colors */
    --dtv-color-navy: #1A2E4A;
    --dtv-color-blue: #0066CC;
    --dtv-color-red: #CC0000;
    --dtv-color-bg: #F4F7FB;
    --dtv-color-dark: #0F172A;
    --dtv-color-white: #FFFFFF;
	
	/* Semantic Colors */
--dtv-color-primary: var(--dtv-color-red);
--dtv-color-secondary: var(--dtv-color-blue);

--dtv-color-surface: var(--dtv-color-dark);
--dtv-color-surface-dark: var(--dtv-color-navy);
--dtv-color-page: var(--dtv-color-bg);

--dtv-color-text: #1A2E4A;
--dtv-color-text-inverse: var(--dtv-color-white);
--dtv-color-text-muted: rgba(255,255,255,.88);
--dtv-color-border: rgba(255,255,255,.22);

    /* Text */
    --dtv-font-heading: Oswald, sans-serif;
    --dtv-font-body: "Source Sans 3", sans-serif;
	
	/* ==========================================================
   Typography Scale
========================================================== */

--dtv-text-xs: 12px;
--dtv-text-sm: 14px;
--dtv-text-md: 16px;
--dtv-text-lg: 18px;
--dtv-text-xl: 22px;
--dtv-text-2xl: 26px;
--dtv-text-3xl: 34px;

--dtv-line-tight: 1.15;
--dtv-line-normal: 1.4;
--dtv-line-relaxed: 1.6;

    /* Radius */
    --dtv-radius-sm: 8px;
    --dtv-radius-md: 16px;
    --dtv-radius-lg: 22px;
    --dtv-radius-xl: 28px;
    --dtv-radius-pill: 999px;

    /* Spacing */
    --dtv-space-xs: 6px;
    --dtv-space-sm: 10px;
    --dtv-space-md: 18px;
    --dtv-space-lg: 24px;
    --dtv-space-xl: 32px;
    --dtv-space-section: 72px;

    /* Shadows */
    --dtv-shadow-card: 0 18px 42px rgba(15,23,42,.16);
    --dtv-shadow-card-hover: 0 28px 56px rgba(15,23,42,.25);
    --dtv-shadow-hero: 0 22px 54px rgba(15,23,42,.24);

    /* Motion */
    --dtv-transition-fast: .25s ease;
    --dtv-transition-normal: .35s ease;

	--dtv-transition-slow: .55s ease;
	
	/* ==========================================================
   Layout
========================================================== */

/* Card Widths */

--dtv-card-width-short: 300px;
--dtv-card-width-poster: 380px;
--dtv-card-width-landscape: 420px;

/* Media */

--dtv-play-size: 60px;

/* Common */

--dtv-card-padding: var(--dtv-space-md);

--dtv-card-gap: 8px;
	
	/* ==========================================================
   Carousel
========================================================== */

--dtv-carousel-arrow-size: 48px;
--dtv-carousel-arrow-radius: 50%;

--dtv-carousel-arrow-opacity-disabled: .22;

--dtv-carousel-scroll-snap: proximity;
}