/* ===== Style D: GALA (from the Edition Two pitch deck) =====
   Same layout and typography as the main CAMFFEST 2027 site. Changes only:
   warm maroon + gold colours, the gold emblem and Antonio wordmark (logo),
   and the pitch-deck fabric artwork behind every page header, the numbers band,
   call-outs and the footer. */
:root{
  --ink:#2e0f08; --ink-2:#3b160c; --line:rgba(245,207,92,.24);
  --paper:#fbf3e6; --sand:#ffffff; --muted:#d9c2ab;
  --red:#7a3019; --yellow:#f5cf5c; --green:#6a2a16; --clay:#8e4426;
  --gold:#f5cf5c; --gold-d:#c9952e; --gold-ink:#8a5d12; --brown:#5a2616; --body-l:#6e5248;
  --f-logo:"Antonio","Arial Narrow",Impact,sans-serif;
  --fabric:url("img/gala-fabric.webp");
  color-scheme:dark;
}
body{background:var(--ink);color:var(--paper)}
h2{color:var(--gold)}
.eyebrow{color:var(--gold)}
.lede{color:var(--muted)}
:focus-visible{outline-color:var(--gold)}

/* logo: gold emblem + Antonio wordmark */
.badge{background:transparent;width:46px;height:46px}
.badge img{width:42px;content:url("emblem-gold.png")}
.brand b{color:var(--gold);font:600 1.4rem var(--f-logo);letter-spacing:.04em;text-transform:uppercase}
.brand b i{color:var(--gold);font-style:normal}
.fgrid .big{font-family:var(--f-logo);font-weight:600;color:var(--gold);letter-spacing:.01em}
.fgrid .big i{color:var(--paper);font-style:normal}

/* header */
.top{background:color-mix(in srgb,var(--ink) 92%,transparent)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--gold);box-shadow:0 2px 0 var(--gold)}
.lang button[aria-pressed="true"]{background:var(--gold);color:var(--ink)}
.menu-btn{color:var(--gold)}
@media (max-width:900px){.nav{background:var(--ink)}}

/* buttons */
.btn-red,.hero .btn-red{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn-red:hover,.hero .btn-red:hover{background:#ffe08a;border-color:#ffe08a;color:var(--ink)}
.btn-ghost,.hero .btn-ghost{border-color:var(--gold);color:var(--gold)}
.btn-ghost:hover,.hero .btn-ghost:hover{background:var(--gold);color:var(--ink)}
.light .btn-ghost.dark,.btn-ghost.dark{color:var(--brown);border-color:var(--brown)}
.light .btn-ghost.dark:hover,.btn-ghost.dark:hover{background:var(--brown);color:var(--paper)}
.lnk,.role a{color:var(--gold);border-color:var(--gold)}
.light .lnk{color:var(--gold-ink);border-color:var(--gold-ink)}
.copy-btn{color:var(--gold)}

/* torn divider in gold */
.chev{background:var(--gold)}
.chev::before{background:var(--ink)}

/* the pitch-deck fabric, used the same way on every page */
.hero,.phero{background:linear-gradient(90deg,rgba(46,15,8,.9) 0%,rgba(46,15,8,.62) 48%,rgba(46,15,8,.25) 100%),var(--fabric) center/cover no-repeat,var(--ink);color:var(--paper)}
.hero::before,.phero::before{display:none}
.nums,.callout,.band:not(.photo-bg),footer{background:linear-gradient(rgba(58,20,10,.88),rgba(58,20,10,.88)),var(--fabric) center/cover no-repeat,var(--ink)}
.nums::before,.band::before{display:none}
@media (max-width:820px){.hero,.phero{background:linear-gradient(0deg,rgba(46,15,8,.92) 0%,rgba(46,15,8,.72) 55%,rgba(46,15,8,.45) 100%),var(--fabric) 30% center/cover no-repeat,var(--ink)}}

/* home hero */
.hero .corner,.hero .eyebrow{color:var(--gold)}
.hero h1{color:var(--paper)}
.hero h1 .r{color:var(--gold)!important}
.hero .tagline span:not(:last-child)::after{color:var(--gold)}
.hero .when{border-top-color:var(--gold)}
.hero .when small,.hero .count em{color:var(--muted)}
.hero .count span{color:var(--gold)}
.hero .credit{color:var(--muted)}
.poster .word{-webkit-text-stroke-color:var(--gold);opacity:.45}
.stamp{background:var(--gold);color:var(--ink)}
.stamp svg text{fill:var(--ink)}

/* ticker: gold ribbon */
.ticker{background:var(--gold);color:var(--ink)}
.ticker b{color:var(--red)}

/* numbers band */
.nums .eyebrow{color:var(--gold)!important}
.nums h2{color:var(--paper)}
.nums dl,.nums dl div{border-color:rgba(245,207,92,.55)}
.nums dt,.nums dl div:nth-child(even) dt{color:var(--gold)}
.nums dd,.nums dl div:nth-child(even) dd{color:var(--paper)}

/* photo tiles */
.stage div,.mc div{background:linear-gradient(0deg,rgba(46,15,8,.95),transparent)}
.mc .k{color:var(--gold)}
.trip::after{background:linear-gradient(0deg,rgba(46,15,8,.88) 0%,rgba(46,15,8,.2) 55%,transparent)}
.trip-text{color:var(--paper)}
.trip-text span:nth-child(2){color:var(--gold)}

/* white "content slide" sections from the deck */
.light,.prog{background:#fff;color:var(--brown)}
.light h2,.prog h2,.light h3,.prog h3{color:var(--brown)}
.light .eyebrow,.prog .eyebrow{color:var(--gold-ink)}
.light .lede,.light .muted,.prog .lede,.prog .venue{color:var(--body-l)}
.day,.day:not(:nth-child(3n+1)),.day:nth-child(2n){background:#fbf6f0}
.day .d b{color:var(--gold-d)}
.day .d span,.day p{color:var(--body-l)}
.light .box,.light .tier{background:#fbf6f0;border-color:#eddfd2;color:var(--brown)}
.light .box p,.light .tier ul{color:var(--body-l)}
.light .box .k{color:var(--gold-ink)}
.light .price{color:var(--gold-ink)}
.light .faq details{border-color:#e7d6c7}
.light .facts dt{color:var(--gold-ink)}

/* cards & boxes */
.card,.box,.status{background:var(--ink-2)}
.tag{background:var(--red);color:var(--paper)}
.tag.y{background:var(--gold);color:var(--ink)}
.tag.g{background:var(--green);color:var(--gold)}
.award{border-color:var(--gold)}
.award h3{color:var(--gold)}
.classes li:hover{background:var(--gold);color:var(--ink)}
.partners{background:var(--ink-2)}
.tier{background:var(--ink)}
.tier.title{border-color:var(--gold)}
.price{color:var(--gold)}
.box .k,.tl-day .num b,.facts dt{color:var(--gold)}
.tl-day li::before{background:var(--gold)}
.callout{color:var(--paper);border:1px solid rgba(245,207,92,.4)}
.callout h2{color:var(--gold)}
.callout .copy-btn{color:var(--gold)}
.chip{background:var(--gold);color:var(--ink)}
.kd dd{color:var(--gold)}
.band h2{color:var(--gold)}
.photo-bg::after{background:linear-gradient(90deg,rgba(46,15,8,.95) 0%,rgba(46,15,8,.75) 45%,rgba(46,15,8,.2) 100%)}
.vfilter button[aria-pressed="true"]{background:var(--gold);color:var(--ink);border-color:var(--gold)}

/* footer */
.fgrid h3{color:var(--gold)}
.fine{border-color:rgba(245,207,92,.2);color:var(--muted)}
.sister a{color:var(--gold)}
