/* ============================================================
   base.css  -  SHARED across every page
   Edit this file to change brand colors, fonts, buttons, the
   logo size, link colors, or shared footer styling site-wide.
   ============================================================ */

:root{
  --navy:#070b16;
  --navy-2:#0c1322;
  --navy-3:#111a2e;
  --gold:#d4af37;
  --gold-bright:#f3cd5b;
  --ink:#f4f6fb;
  --muted:#9aa6bd;
  --line:rgba(212,175,55,.18);
  --radius:16px;
  --maxw:1140px;
  --font:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);
  background:var(--navy);
  color:var(--ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold-bright)}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  font-weight:800;font-size:1.02rem;letter-spacing:.01em;
  padding:18px 34px;border-radius:50px;border:none;
  background:linear-gradient(135deg,var(--gold-bright),var(--gold));
  color:#1a1205;text-decoration:none;
  box-shadow:0 10px 30px rgba(212,175,55,.28);
  transition:transform .25s ease,box-shadow .25s ease;
}
.btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(212,175,55,.42)}
.btn .arrow{transition:transform .25s ease}
.btn:hover .arrow{transform:translateX(5px)}

/* ---------- Brand / logo ---------- */
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800}
.brand .brand-logo{height:76px;width:auto;display:block}
.brand img{height:72px;width:auto;display:block}

/* ---------- Shared footer styling ---------- */
footer p{color:var(--muted);font-size:.82rem;margin:0 auto 8px;max-width:70ch}
footer a{color:var(--gold-bright);text-decoration:none;font-weight:600}
footer .legal-links a,footer .credit a{color:var(--gold-bright);text-decoration:none;font-weight:600}
footer .legal-links a:hover,footer .credit a:hover{text-decoration:underline}
footer .credit{font-size:.8rem;margin-top:4px}