:root{
  --accent:#c9a86c;--accent-border:rgba(201,168,108,.3);
  --bg:#0c0b09;--panel:#161410;--panel-raised:#1d1a14;
  --line:#2c2820;--ink:#e6ddd0;--muted:#8a7e6e;--field:#1f1c16;
  --r-sm:3px;--r-md:6px;--r-lg:10px;
  --ok:#7dbe7d;--warn:#c9a86c;--err:#c97070;
}
*{box-sizing:border-box;margin:0;padding:0}
body{color:var(--ink);background:var(--bg);min-height:100vh}

header{display:flex;align-items:center;justify-content:space-between;padding:1.3em 2.5em;
       border-bottom:1px solid var(--line)}
.logo{font-family:'Cinzel',serif;font-size:1.6em;font-weight:600;color:var(--accent);
      letter-spacing:.08em;text-decoration:none;line-height:1.2}
.logo:hover{text-decoration:none}
.logo small{display:block;font-family:system-ui,sans-serif;font-size:.6em;font-weight:400;
            color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.1em}
header nav a{color:var(--muted);text-decoration:none;font-family:system-ui,sans-serif;
             font-size:15px;margin-left:2em;letter-spacing:.04em;transition:color .15s}
header nav a:hover{color:var(--ink)}
header nav a[aria-current="page"]{color:var(--accent)}

footer{border-top:1px solid var(--line);padding:1.5em 2.5em;
       display:flex;justify-content:space-between;align-items:center;
       font-family:system-ui,sans-serif;font-size:.75em;color:var(--muted)}
.foot-logo{font-family:'Cinzel',serif;color:var(--accent);letter-spacing:.08em;font-size:1.05em}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--ink)}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.btn{display:inline-block;background:var(--accent);color:#0c0b09;font-weight:700;
     padding:.65em 2em;border-radius:var(--r-md);text-decoration:none;font-size:.9em;
     letter-spacing:.04em;border:0;cursor:pointer;transition:opacity .15s,transform .15s}
.btn:hover{opacity:.88;transform:translateY(-1px);text-decoration:none}
.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent-border)}
.btn-sm{padding:.4em .9em;font-size:.85em;letter-spacing:.02em}
.btn-lg{padding:.75em 2.4em;font-size:.95em}

@media(max-width:640px){
  header{padding:.9em 1.2em;flex-wrap:wrap;gap:.5em}
  header nav{display:flex;flex-wrap:wrap}
  header nav a{margin-left:0;margin-right:1em;font-size:13px}
  footer{flex-direction:column;gap:.5em;text-align:center}
}