/* VoyageRelic Brand Kit v1.0. Dark only; tokens match site/style.css. */
@font-face{font-family:"Montserrat";src:url(/fonts/montserrat-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Lato";src:url(/fonts/lato-latin-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Lato";src:url(/fonts/lato-latin-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#0D2742;--surface:#143353;--ink:#F4E6D0;--muted:#BDC6C6;--line:#2B4C6B;--gold:#D9A441;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:var(--bg);color:var(--ink);font:400 18px/1.55 "Lato","Segoe UI",system-ui,sans-serif}
main{width:100%;max-width:680px;display:grid;gap:14px;min-width:0}
h1,h2{font-family:"Montserrat","Segoe UI",sans-serif;font-weight:700}
h1{font-size:clamp(2rem,7vw,2.75rem);line-height:1.1;margin:0;text-wrap:balance}
h2{font-size:1.1rem;margin:12px 0 0}
p,ul{margin:0}
ul{padding-left:20px;display:grid;gap:4px}
.home{justify-items:center;text-align:center}
.home h1{width:100%}
.logo{display:block;width:100%;max-width:640px;height:auto;margin:0 auto 12px}
.tagline{font-family:"Montserrat","Segoe UI",sans-serif;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}
.soft,footer{color:var(--muted)}
footer{font-size:.9rem;margin-top:12px}
a{color:var(--gold)}
form{display:grid;gap:8px}
label{font-weight:700}
input,button{font:inherit;padding:12px;border-radius:6px;border:1px solid var(--line)}
input{background:var(--surface);color:var(--ink)}
button{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:700;cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media (min-width:680px){.tagline{display:none}}
