/* ============================================================
   Elko Rockstars — gold + black theme, matching the show logo
   (same Rockstars family as DFW). Overrides the shared design
   system's color variables and the header.
   ============================================================ */
:root {
    --brand: #c9a23a;          /* antique gold (logo) */
    --brand-dark: #806008;     /* deep bronze — readable text on light backgrounds */
    --brand-soft: #f7eed3;     /* pale gold */
    --accent: #806008;         /* bronze links/CTAs (contrast-safe on white) */
    --accent-soft: #f7eed3;
    --gold: #806008;
    --gold-soft: #f7eed3;
    --ink: #1a160d;
}

/* Dark header with a gold wordmark, echoing the logo. */
.app-header {
    background: #14110a;
    border-bottom: 1px solid #2c2415;
}
.app-header .brand,
.app-header .brand-text { color: #e7cd73 !important; }
.app-header .brand-text small { color: #b89a4e; }
.app-header .brand-mark { height: 2.9rem; width: auto; border-radius: 6px; }

/* Auth buttons + user name legible on the dark header (ghost buttons inherit dark text). */
.app-header .btn2.ghost { color: #e7cd73; border-color: #6b5a2e; }
.app-header .btn2.ghost:hover { background: rgba(231, 205, 115, .12); }
.app-header .app-user-name { color: #cbb56a; font-weight: 600; }
.app-header .app-nav a { color: #cbb56a; }
.app-header .app-nav a:hover { color: #e7cd73; background: rgba(231, 205, 115, .12); }
.app-header .app-nav a.active { color: #e7cd73; background: rgba(231, 205, 115, .18); }

/* Home hero */
.hero { padding: 1.6rem 0 1.3rem; border-bottom: 1px solid var(--line); margin-bottom: 1.4rem; }
.hero h1 { font-size: 2.1rem; letter-spacing: -.3px; }
.hero p { color: var(--ink-soft); font-size: 1.05rem; max-width: 60ch; margin: 0; }