/**
 * Premium theme — design tokens (Phase 1)
 */
:root {
    --premium-bg: #070708;
    --premium-bg-elevated: #0f1012;
    --premium-bg-card: #141518;
    --premium-bg-glass: rgba(14, 15, 18, 0.72);
    --premium-border: rgba(255, 255, 255, 0.08);
    --premium-border-strong: rgba(255, 255, 255, 0.14);
    --premium-text: #f4f4f5;
    --premium-text-muted: #a1a1aa;
    --premium-text-subtle: #71717a;
    --premium-accent: #c4b5fd;
    --premium-accent-strong: #a78bfa;
    --premium-accent-glow: rgba(167, 139, 250, 0.35);
    --premium-gradient-hero: linear-gradient(180deg, rgba(7, 7, 8, 0.15) 0%, rgba(7, 7, 8, 0.55) 45%, rgba(7, 7, 8, 0.92) 100%);
    --premium-gradient-card: linear-gradient(180deg, rgba(7, 7, 8, 0) 0%, rgba(7, 7, 8, 0.88) 100%);
    --premium-radius-sm: 10px;
    --premium-radius-md: 16px;
    --premium-radius-lg: 22px;
    --premium-radius-xl: 28px;
    --premium-radius-pill: 999px;
    --premium-shadow-soft: 0 24px 60px rgba(0, 0, 0, 0.45);
    --premium-shadow-card: 0 16px 40px rgba(0, 0, 0, 0.35);
    --premium-blur-nav: 18px;
    --premium-space-xs: 0.5rem;
    --premium-space-sm: 0.75rem;
    --premium-space-md: 1.25rem;
    --premium-space-lg: 2rem;
    --premium-space-xl: 3rem;
    --premium-space-2xl: 4.5rem;
    --premium-container: 1320px;
    --premium-home-max: 1180px;
    --premium-home-gutter: clamp(1rem, 2.8vw, 2rem);
    --premium-home-chrome-gap: 1.35rem;
    --premium-home-chrome-gap-lg: 2.25rem;
    --premium-home-content-inset: clamp(1.15rem, 2.4vw, 1.85rem);
    --premium-hero-inset: clamp(1.75rem, 3.4vw, 2.85rem);
    --premium-hero-inset-lg: clamp(2.1rem, 4vw, 3.35rem);
    --premium-hero-gap: clamp(1.75rem, 3.2vw, 2.85rem);
    --premium-hero-strip-gap: clamp(1.15rem, 2.2vw, 1.85rem);
    --premium-home-strip-max: 38rem;
    --premium-nav-height: 72px;
    --premium-nav-top-height: 40px;
    --premium-font-display: var(--vr-font-secondary, system-ui, sans-serif);
    --premium-font-body: var(--vr-font-primary, system-ui, sans-serif);
    --premium-type-display: clamp(2rem, 4vw, 3.75rem);
    --premium-type-h2: clamp(1.5rem, 2.5vw, 2.25rem);
    --premium-type-h3: clamp(1.125rem, 1.8vw, 1.5rem);
    --premium-type-body: 1rem;
    --premium-type-small: 0.875rem;
    --premium-type-meta: 0.8125rem;
    --premium-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --premium-ease-spring: cubic-bezier(0.34, 1.25, 0.64, 1);
    --premium-duration-fast: 180ms;
    --premium-duration-base: 320ms;
    --premium-duration-slow: 520ms;
    --premium-stack-overlap: -4rem;
    --premium-panel-glass: rgba(14, 15, 18, 0.72);
    --premium-ambient-top: #0a0a0c;
    --premium-ambient-bottom: #070708;
    --premium-ambient-accent: rgba(167, 139, 250, 0.08);
    --premium-ambient-glow-a: rgba(167, 139, 250, 0.12);
    --premium-ambient-glow-b: rgba(79, 70, 229, 0.08);
    --premium-ambient-image-opacity: 0.64;
    --premium-ambient-image-opacity-hero: 0.74;
    --premium-ambient-image-blur: 3px;
    --premium-ambient-image-blur-hero: 2px;
    --premium-ambient-image-scale: 1;
    --premium-ambient-layer-inset: -5%;
    --premium-ambient-image-height: 100vh;
    --premium-ambient-image-overscan-x: 2%;
    --premium-ambient-image-position-y: 16%;
    --premium-ambient-parallax-speed: 0.52;
    --premium-ambient-parallax-glow-speed: 0.18;
    --premium-ambient-parallax-max-shift: 200px;
    --premium-ambient-parallax-bg-shift: 0.45;
    --premium-ambient-parallax-overscan-y: 22vh;
    --premium-ambient-image-opacity-mobile: 0.54;
    --premium-ambient-image-opacity-mobile-hero: 0.62;
    --premium-ambient-image-blur-mobile: 4px;
    --premium-ambient-image-blur-mobile-hero: 3px;
    --premium-ambient-scrim: linear-gradient(180deg, rgba(7, 7, 8, 0.1) 0%, rgba(7, 7, 8, 0.22) 52%, rgba(7, 7, 8, 0.38) 100%);
    /* Hero dark surface — always light-on-dark regardless of site scheme */
    --premium-hero-text: #f4f4f5;
    --premium-hero-text-muted: #c4c4cc;
    --premium-hero-text-subtle: #a1a1aa;
    --premium-hero-border: rgba(255, 255, 255, 0.12);
    --premium-hero-surface: rgba(255, 255, 255, 0.08);
    /* Hero strip — self-contained dark bar (opaque, both schemes) */
    --premium-strip-bg: #121218;
    --premium-strip-border: rgba(255, 255, 255, 0.14);
    --premium-strip-label-bg: #1c1c24;
    --premium-strip-label-text: #f4f4f5;
    --premium-strip-text: #ececf0;
    --premium-strip-text-muted: #c4c4cc;
    --premium-strip-divider: rgba(255, 255, 255, 0.16);
    --premium-strip-btn-bg: #1a1a22;
    --premium-strip-btn-border: rgba(255, 255, 255, 0.16);
    --premium-strip-btn-text: #d4d4dc;
    /* Footer — fixed dark shell (same in light and dark site scheme) */
    --premium-footer-bg: #070708;
    --premium-footer-bg-elevated: #0f1012;
    --premium-footer-text: #f4f4f5;
    --premium-footer-muted: #a1a1aa;
    --premium-footer-subtle: #71717a;
    --premium-footer-border: rgba(255, 255, 255, 0.1);
}