/* ============================================
   LUMINARIAS TEATRO - CSS Custom Properties
   ============================================ */

:root {
    /* === CURTAIN COLORS === */
    --curtain-red:        #8B0000;
    --curtain-red-dark:   #5C0000;
    --curtain-red-light:  #B22222;
    --curtain-red-sheen:  #D4443B;

    /* === BACKGROUNDS === */
    --bg-primary:         #0A0A0A;
    --bg-secondary:       #111111;
    --bg-card:            #1A1A1A;
    --bg-card-hover:      #222222;

    /* === TEXT === */
    --text-primary:       #F5F0E8;
    --text-secondary:     #B8B0A0;
    --text-muted:         #6B6560;

    /* === GOLD ACCENTS === */
    --gold:               #C9A84C;
    --gold-light:         #E8D48B;
    --gold-dark:          #8B7530;

    /* === EFFECTS === */
    --spotlight-warm:     rgba(255, 220, 150, 0.08);
    --spotlight-center:   rgba(255, 235, 180, 0.15);
    --shadow-deep:        rgba(0, 0, 0, 0.8);
    --overlay-dark:       rgba(0, 0, 0, 0.6);

    /* === TYPOGRAPHY === */
    --font-heading:  'Cormorant Garamond', 'Georgia', serif;
    --font-body:     'Raleway', 'Helvetica Neue', sans-serif;
    --font-accent:   'Cormorant SC', 'Georgia', serif;

    /* === TYPE SCALE === */
    --text-xs:    0.75rem;
    --text-sm:    0.875rem;
    --text-base:  1rem;
    --text-lg:    1.25rem;
    --text-xl:    1.5rem;
    --text-2xl:   2rem;
    --text-3xl:   2.5rem;
    --text-4xl:   3.5rem;
    --text-hero:  5rem;

    /* === SPACING === */
    --space-xs:   0.5rem;
    --space-sm:   1rem;
    --space-md:   1.5rem;
    --space-lg:   2rem;
    --space-xl:   3rem;
    --space-2xl:  4rem;
    --space-3xl:  6rem;
    --space-4xl:  8rem;

    /* === LAYOUT === */
    --max-width:  1200px;
    --nav-height: 70px;

    /* === TRANSITIONS === */
    --ease-curtain: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-smooth:  cubic-bezier(0.4, 0, 0.2, 1);
}