/* Classic theme — mimics the simpler aesthetics of the old wyos.org.nz (Wix) site:
   white background, black text, clean geometric sans (Avenir/Futura), uppercase
   tracked-out nav and headings, flat panels, single red accent.
   Loaded AFTER styles.css so it only overrides — the layout is untouched.
   REVERSIBLE: set THEME = "warm" in generate_site.py and re-run it to go back. */

:root {
  --paper:      #FFFFFF;
  --surface:    #FFFFFF;
  --tint:       #F6F4F0;   /* light grey wash instead of coral */
  --tint-teal:  #F6F4F0;
  --border:     #E5E5E5;
  --ink:        #202020;
  --muted:      #6B6B6B;
  --coral:      #BF4034;   /* the old site's red accent */
  --coral-dark: #A33227;
  --teal:       #202020;   /* dark panels become near-black */
  --teal-soft:  #3A3A3A;
  --radius:     6px;
  --radius-sm:  4px;
  --shadow:     none;
  --serif: 'Avenir Next','Avenir',Futura,'Century Gothic','Helvetica Neue',Helvetica,Arial,sans-serif;
  --sans:  'Avenir Next','Avenir',Futura,'Century Gothic','Helvetica Neue',Helvetica,Arial,sans-serif;
}

body { line-height: 1.7; }

/* headings: light-weight uppercase like the old site */
h1, h2 { text-transform: uppercase; letter-spacing: .08em; font-weight: 400; }
h1 { font-size: clamp(1.9rem, 4vw, 2.7rem); }
h2 { font-size: clamp(1.5rem, 2.8vw, 2rem); }
h3, h4 { font-weight: 500; letter-spacing: .02em; }

/* nav: white bar, uppercase tracked links, black text */
.nav { background: rgba(255,255,255,.95); }
/* full-width bar; logos float centred in the empty space left of the menu */
.nav .wrap { max-width: none; padding: 0 40px; }
.nav .brand { margin-left: auto; margin-right: auto; }
.nav__links a { text-transform: uppercase; letter-spacing: .14em; font-size: .82rem; font-weight: 500; }

/* heroes: the old site is light — flip the dark teal panels to a light wash.
   !important is needed to beat inline color:#fff on the generated h1s. */
.hero { background: var(--tint); color: var(--ink); }
.hero h1 { color: var(--ink) !important; }
.hero__lead { color: var(--muted) !important; }
.hero .eyebrow { color: var(--coral) !important; }
.hero__stats b { color: var(--coral); }
.hero__stats span { color: var(--muted); }
.btn--on-teal { background: var(--ink); color: #fff; }
.btn--on-teal:hover { background: #000; color: #fff; }
.btn--outline-teal { color: var(--ink); border-color: var(--ink); }
.btn--outline-teal:hover { border-color: #000; }

/* buttons: uppercase like Wix, but keep the oval pill shape site-wide */
.btn { text-transform: uppercase; letter-spacing: .08em; font-size: .86rem; font-weight: 500; }

/* flat panels, no shadows */
.card, .concert, .feat, .next, .feat__poster img { box-shadow: none; }

/* footer: near-black instead of teal */
.footer { background: #161616; }