/* Connection Studio — shared design tokens & components
   Used by every page (index.html, login.html, account.html, and future
   pages). Only rules that were byte-identical across the pages that had
   them are here — anything that differed even slightly (e.g. index.html's
   larger nav lang-toggle vs the compact one on login/account) stays as a
   small page-specific override in that page's own <style> block, so this
   file never has to "win" an argument between two intentionally different
   looks. */

:root{
  --bg:#F8F3E9;
  --black:#0A0A0A;
  --beige:#E8DDD0;
  --beige-light:#FBF8F4;
  --terracotta:#C07A5F;
  --taupe:#C9BBA7;
}
html{scroll-behavior:smooth;}
body{background:var(--bg); color:var(--black); font-family:'Instrument Sans', ui-sans-serif, system-ui, sans-serif;}
h1,h2,.serif-heading{font-family:'Bodoni Moda', Georgia, serif; font-weight:300; letter-spacing:-0.03em;}
.card-v3{background:#fff; border-radius:28px; border:1px solid rgba(0,0,0,0.05); box-shadow:0 20px 60px rgba(0,0,0,0.06);}
.pill-btn-black{background:var(--black); color:#fff; border:none;}
.pill-btn-black:hover{background:#000;}
.pill-btn-beige{background:var(--beige-light); color:var(--black); border:1px solid rgba(0,0,0,0.08);}
.pill-btn-beige:hover{background:var(--beige);}
.lang-btn{width:34px;height:34px;border-radius:9999px;border:1px solid rgba(0,0,0,0.12);font-size:11px;font-weight:600;background:#fff;cursor:pointer;}
.lang-btn.active{background:var(--black);color:#fff;border-color:var(--black);}
.nav-pill{border-radius:9999px; padding:8px 18px; font-size:14px; color:var(--black); transition:background .2s ease;}
.nav-pill:hover{background:rgba(0,0,0,0.05);}
.header-blur{backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); background:rgba(252,250,247,0.82);}
.city-pill{border-radius:16px; border:1px solid rgba(0,0,0,0.12); padding:14px; font-size:14px; cursor:pointer; text-align:center; transition:all .2s ease; background:#fff;}
.city-pill.selected{background:var(--black); color:#fff; border-color:var(--black);}
[hidden]{display:none !important;}