/* Pink-and-black brand layer for the marketplace. Loaded last so it overrides styles.css, seats.css and launch.css. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@500;700&display=swap');

:root{
  --bg:#141418;--ink:#faf8fa;--muted:#aaa5b1;--line:#2b2b35;--soft:#22222a;--red:#ff8a7a;
  --green:#ff4d94;--lime:#ff4d94;--white:#1d1d24;
  --pink:#ff4d94;--panel:#1d1d24;--field:#141418;--edge:#3a3a45;
  color-scheme:dark
}
body{background:var(--bg);color:var(--ink);font-family:'Bricolage Grotesque',system-ui,sans-serif}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.045em}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
::placeholder{color:#77727d}
option{background:var(--panel);color:var(--ink)}
input[type=checkbox]{accent-color:var(--pink)}

/* strip, header, footer */
.launch-strip{background:var(--pink);color:var(--bg);font-family:'JetBrains Mono',monospace;letter-spacing:.1em}
header{background:var(--bg)}
.brand img{display:block;height:30px;width:auto}
footer .brand img{height:26px}
nav a{color:var(--muted)}
nav a:hover{color:var(--pink)}
footer{border-top-color:var(--line)}
footer a:hover{color:var(--pink)}

/* buttons */
.button{background:var(--pink);color:var(--bg);border-radius:999px;padding:12px 20px;font-weight:700;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(255,77,148,.7)}
.button.lime{background:var(--pink);color:var(--bg)}
.button.light,.button.ghost{background:transparent;color:var(--ink);border-color:var(--edge)}
.button.light:hover,.button.ghost:hover{border-color:var(--ink);box-shadow:none}
.button.danger{background:#3a1c22;color:var(--red)}
.text-link,.inline-link{color:var(--pink)}

/* hero */
.launch-hero{background:radial-gradient(70% 90% at 85% 10%,rgba(255,77,148,.22),transparent 60%),#0c0c10;border:1px solid var(--line)}
.launch-hero:after{content:'';right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 22px,rgba(255,77,148,.18) 23px 24px)}
.launch-hero .eyebrow{color:var(--pink);font-family:'JetBrains Mono',monospace}
.launch-hero h1{letter-spacing:-.055em}
.launch-hero h1 em{color:var(--pink);font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em;font-size:1.08em}
.launch-hero>p{color:#c9c4cf}

/* surfaces */
.panel,.launch-ticket,.empty,.search-bar{background:var(--panel);border-color:var(--line)}
.panel p,.muted{color:var(--muted)}
.launch-stats b{color:var(--pink)}
.empty{border-color:var(--edge)}
.search-bar input{background:transparent;color:var(--ink)}
.search-bar select{background:var(--panel);color:var(--ink);border-left-color:var(--line)}
.search-bar:focus-within{border-color:var(--pink)}
.launch-notice{background:#2a1520;color:#ffc2da;border-color:#4a2233}
.launch-ticket .price-row{border-top-color:var(--edge)}
.launch-ticket .restriction{background:#2a2217;color:#f3c98b}
.cat-pill{display:inline-block;margin-right:6px;padding:4px 9px;border-radius:20px;background:var(--pink);color:var(--bg);font:700 9px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}
.status-pill{background:var(--soft);color:var(--ink)}
.status-pill.warn{background:#3a2f17;color:#f3c98b}
.status-pill.red{background:#3a1c22;color:var(--red)}

/* forms and messages */
.field input,.field select,.field textarea,.review-card textarea{background:var(--field);border-color:var(--edge);color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pink);outline:none}
.note{background:var(--soft);color:#c9c4cf}
.note.warn{background:#3a2f17;color:#f3c98b}
.error{color:var(--red)}
.error-box{background:#3a1c22;color:#ffb3a8}
.success-box{background:#1c3326;color:#9be3b5}
.account-id{background:var(--field)}
.message-thread{border-top-color:var(--line)}
.message-thread .reply{background:var(--soft)}
.review-card{border-color:var(--line)}
.launch-status-list>div{border-bottom-color:var(--line)}
#toast{background:var(--pink);color:var(--bg)}
dialog{background:var(--panel);color:var(--ink)}

@media(max-width:680px){
  header{background:var(--bg);border-bottom-color:var(--line)}
  .brand img{height:26px}
  .launch-bottom{background:rgba(20,20,24,.95);border-top-color:var(--line)}
  .launch-bottom a{color:var(--muted)}
}