/* chrome.css — header/footer continuity, lifted verbatim-in-spirit from the live
   goldmornings.com chrome (navy + brass, DM Sans). Per SPEC §11.4 the site chrome
   stays pixel-consistent with the live site; the dashboard's OWN look (drivers.css)
   uses the SPEC §7.3 tokens. Keep these two token systems separate. */

:root{
  /* live chrome tokens (from goldmornings.com) */
  --ink:#1A1812; --ink-2:#26200e; --ink-soft:#4a4334; --muted:#6b6453;
  --paper:#FBF8F0; --paper-2:#F3ECD9; --card:#FFFFFF;
  --blue:#B8860B; --blue-hi:#E3C25A; --blue-dp:#8A6A12;
  --brass:#D4AF37; --brass-hi:#E8D08A;
  --green:#1E8E5A; --coral:#F2795B; --line:#E8E0CC;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--paper); color:var(--ink);
  font-family:'DM Sans',system-ui,-apple-system,sans-serif;
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;}
a{color:inherit;}
.wrap{max-width:1060px; margin:0 auto; padding:0 24px;}

/* header — navy bar */
header.site{background:var(--ink);}
header.site .wrap{display:flex; align-items:center; gap:14px; padding:16px 24px; flex-wrap:wrap;}
.brand{display:flex; align-items:center; gap:9px; text-decoration:none;}
.brand .bell{font-size:22px; line-height:1; filter:saturate(1.1);}
.brand .name{font-family:'Fraunces',serif; font-weight:700; font-size:22px; color:var(--paper); letter-spacing:-.01em;}
.brand .brand-logo{display:block; height:29px; width:auto;}
footer.site .brand .brand-logo{height:26px;}
nav.site{margin-left:auto; display:flex; gap:24px; align-items:center;}
nav.site a{color:#E8DCB8; text-decoration:none; font-size:14px; font-weight:600; transition:color .15s;}
nav.site a:hover, nav.site a:focus-visible{color:var(--brass-hi);}
nav.site a[aria-current="page"]{color:var(--brass-hi);}
.nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.nav-burger{display:none;margin-left:auto;cursor:pointer;color:var(--paper);font-size:24px;line-height:1;padding:4px 10px;border-radius:8px;user-select:none}
.nav-toggle:focus-visible+.nav-burger{outline:3px solid var(--brass);outline-offset:2px}
@media (max-width:640px){ .nav-burger{display:block} nav.site{margin-left:0;flex-basis:100%;display:none;flex-direction:column;gap:0;padding-top:6px} .nav-toggle:checked~nav.site{display:flex} nav.site a{padding:11px 2px;border-top:1px solid rgba(255,255,255,.10)} }

/* footer */
footer.site{background:#120F08; color:#B8AD8E; padding:48px 0; font-size:13.5px;}
footer.site .brand .name{color:#fff; font-size:20px;}
footer.site .row{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;}
footer.site nav{display:flex; gap:14px; flex-wrap:wrap;}
footer.site a{color:#E8DCB8; text-decoration:none;}
footer.site a:hover{color:var(--brass-hi);}
footer.site .disc{max-width:70ch; margin:22px 0 0; color:#8A7F66; line-height:1.6; font-size:12.5px;}
footer.site .attrib{margin:16px 0 4px; font-size:13px; color:#B8AD8E;}