/* =========================================================================
   THEME — GREENROOM (COMEDY)
   Late-night comedy club: warm low-light, brick-wall amber, spotlight gold,
   typewriter notebook energy. Mic-and-stool intimacy, not theater grandeur.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700;900&display=swap');

:root {
    /* ── SURFACES ────────────────────────────────────────────────────────
       Brick wall after hours. Warm dark, not cold. */
    --bg-base:        #1a1410;
    --bg-surface:     #221b15;
    --bg-elevated:    #2c241c;
    --bg-deep:        #110d0a;

    /* ── TYPE ────────────────────────────────────────────────────────────
       Warm bone — the page of a comic's notebook left under the spotlight. */
    --text-primary:   #f4ead8;
    --text-mute:      rgba(244, 234, 216, 0.72);
    --text-faint:     rgba(244, 234, 216, 0.42);

    /* ── ACCENTS ─────────────────────────────────────────────────────────
       Spotlight gold for the headliner. Mic-cable red for the punchline.
       Amber for the room. */
    --accent:         #f4b942;   /* spotlight gold */
    --accent-2:       #e54b3a;   /* mic-cable red — the punchline */
    --accent-3:       #6ec1a7;   /* mint — the dressing-room green */
    --accent-warm:    #c97d3d;   /* amber — late-night room glow */
    --accent-muted:   #8a6234;

    /* ── LINES ───────────────────────────────────────────────────────────
       Tape on the back of the napkin where the bit got written. */
    --border:         rgba(244, 234, 216, 0.10);
    --border-strong:  rgba(244, 234, 216, 0.26);

    /* ── TYPE STACK ─────────────────────────────────────────────────────
       Special Elite for the notebook headlines (typewriter — the bit
       written down). Playfair for the displays. Inter for body. */
    --font-heading:   'Playfair Display', 'Georgia', serif;
    --font-label:     'Special Elite', 'Courier New', monospace;
    --font-body:      'Inter', system-ui, sans-serif;

    /* ── Aliases that older templates expect ─────────────────────────── */
    --paper:          var(--bg-base);
    --ink:            var(--text-primary);
    --rule:           var(--border-strong);
    --gold-bright:    var(--accent);
    --serif:          var(--font-heading);

    /* Radii kept consistent across themes. */
    --radius-sm:      6px;
    --radius:         12px;
    --radius-lg:      20px;
}

body {
    background: var(--bg-base);
    color: var(--text-primary);
    font-family: var(--font-body);
}

h1, h2, h3 {
    font-family: var(--font-heading);
    color: var(--text-primary);
}

.kicker, .label, .mast-l, .mast-r {
    font-family: var(--font-label);
    letter-spacing: 0.04em;
    color: var(--text-mute);
}

a { color: var(--accent); }
a:hover { color: var(--accent-warm); }

.btn-primary {
    background: var(--accent);
    color: var(--bg-deep);
    border: none;
}
.btn-primary:hover { background: var(--accent-warm); color: var(--bg-deep); }