/*
Theme Name: PeepStreaming
Theme URI: https://peepconnect.com.br
Author: PeepConnect [Abel Odorico]
Author URI: https://peepconnect.com.br
Description: Tema WordPress de alto impacto visual para serviço de streaming por assinatura. Landing page imersiva com integração nativa ao plugin EasyMember WP, catálogo TMDB, cotações financeiras ao vivo e design dark-luxury cinematográfico.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: peepstreaming
Tags: dark, streaming, one-page, custom-logo, custom-colors, featured-images
*/

/* ============================================================
   DESIGN SYSTEM — PeepStreaming
   Dark Luxury Cinematic
   ============================================================ */

:root {
    /* ── Core Palette ── */
    --ps-primary: #E51E2A;
    --ps-primary-rgb: 229, 30, 42;
    --ps-primary-glow: rgba(229, 30, 42, 0.35);
    --ps-secondary: #1F74FF;
    --ps-secondary-rgb: 31, 116, 255;
    --ps-secondary-glow: rgba(31, 116, 255, 0.30);
    --ps-accent-gold: #F5C518;
    --ps-accent-green: #00C875;

    /* ── Backgrounds ── */
    --ps-bg-deep: #050508;
    --ps-bg-surface: #0D0D14;
    --ps-bg-card: #13131E;
    --ps-bg-card-hover: #1A1A28;
    --ps-bg-glass: rgba(255, 255, 255, 0.04);
    --ps-bg-glass-hover: rgba(255, 255, 255, 0.07);

    /* ── Borders ── */
    --ps-border-subtle: rgba(255, 255, 255, 0.07);
    --ps-border-medium: rgba(255, 255, 255, 0.12);
    --ps-border-strong: rgba(255, 255, 255, 0.20);

    /* ── Text ── */
    --ps-text-primary: #FFFFFF;
    --ps-text-secondary: rgba(255, 255, 255, 0.65);
    --ps-text-muted: rgba(255, 255, 255, 0.35);
    --ps-text-disabled: rgba(255, 255, 255, 0.20);

    /* ── Gradients ── */
    --ps-gradient-hero: linear-gradient(135deg, #050508 0%, #0D0D14 50%, #0A0A18 100%);
    --ps-gradient-red-glow: radial-gradient(ellipse at 50% 0%, rgba(229, 30, 42, 0.20) 0%, transparent 70%);
    --ps-gradient-blue-glow: radial-gradient(ellipse at 80% 50%, rgba(31, 116, 255, 0.15) 0%, transparent 60%);
    --ps-gradient-card: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
    --ps-gradient-overlay: linear-gradient(to bottom, rgba(5,5,8,0.3) 0%, rgba(5,5,8,0.6) 60%, rgba(5,5,8,1) 100%);

    /* ── Typography ── */
    --ps-font-display: 'Bebas Neue', cursive;
    --ps-font-heading: 'Rajdhani', sans-serif;
    --ps-font-body: 'DM Sans', sans-serif;
    --ps-font-mono: 'JetBrains Mono', monospace;

    /* ── Type Scale (fluid) ── */
    --ps-text-display-xl: clamp(4rem, 10vw, 9rem);
    --ps-text-display-lg: clamp(3rem, 7vw, 6rem);
    --ps-text-h1: clamp(2rem, 4vw, 3.5rem);
    --ps-text-h2: clamp(1.5rem, 3vw, 2.5rem);
    --ps-text-h3: clamp(1.2rem, 2vw, 1.75rem);
    --ps-text-body-lg: 1.125rem;
    --ps-text-body: 1rem;
    --ps-text-small: 0.875rem;
    --ps-text-xs: 0.75rem;

    /* ── Spacing (8px base) ── */
    --ps-space-1: 8px;
    --ps-space-2: 16px;
    --ps-space-3: 24px;
    --ps-space-4: 32px;
    --ps-space-5: 40px;
    --ps-space-6: 48px;
    --ps-space-8: 64px;
    --ps-space-10: 80px;
    --ps-space-12: 96px;
    --ps-space-16: 128px;

    /* ── Border Radius ── */
    --ps-radius-sm: 6px;
    --ps-radius-md: 8px;
    --ps-radius-lg: 16px;
    --ps-radius-xl: 20px;
    --ps-radius-pill: 100px;
    --ps-radius-circle: 50%;

    /* ── Shadows ── */
    --ps-shadow-card: 0 8px 32px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.4);
    --ps-shadow-glow-red: 0 0 30px rgba(229,30,42,0.4), 0 0 60px rgba(229,30,42,0.15);
    --ps-shadow-glow-blue: 0 0 30px rgba(31,116,255,0.4), 0 0 60px rgba(31,116,255,0.15);
    --ps-shadow-soft: 0 4px 16px rgba(0,0,0,0.3);
    --ps-shadow-elevated: 0 12px 40px rgba(0,0,0,0.5);

    /* ── Glassmorphism ── */
    --ps-glass-blur: blur(20px) saturate(180%);
    --ps-glass-bg: rgba(255, 255, 255, 0.04);
    --ps-glass-border: 1px solid rgba(255, 255, 255, 0.07);

    /* ── Transitions ── */
    --ps-ease-out: cubic-bezier(0.25, 1, 0.5, 1);
    --ps-transition-fast: 0.15s var(--ps-ease-out);
    --ps-transition-base: 0.3s var(--ps-ease-out);
    --ps-transition-slow: 0.6s var(--ps-ease-out);

    /* ── Z-Index Scale ── */
    --ps-z-base: 1;
    --ps-z-sticky: 100;
    --ps-z-overlay: 500;
    --ps-z-modal: 1000;
    --ps-z-whatsapp: 900;
    --ps-z-header: 1000;
    --ps-z-toast: 1100;

    /* ── Container ── */
    --ps-container-max: 1360px;
    --ps-container-padding: clamp(16px, 4vw, 48px);
}