/* tonyweber.info shared chrome. One source for the base tokens, the nav and the footer on every page.
   Canonical record: the Brand Library build spec (03), "Navigation and shared chrome".
   Each page links this file ahead of its own styles, so a page rule wins at equal specificity. */
:root{
  --bg:#1B2634;
  --bg-2:#16202C;
  --bg-3:#222E3D;
  --line:rgba(232,237,243,0.11);
  --line-2:rgba(232,237,243,0.18);
  --ink:#E8EDF3;
  --ink-2:#B6C2D0;
  --mut:#8F9DB0;
  --acc:#2BA8C9;
  --acc-2:#52C2E0;
  --acc-tint:rgba(43,168,201,0.14);
  --btnText:#0B1117;
  --font:'Poppins',sans-serif;
}

nav{position:fixed;top:0;left:0;right:0;z-index:200;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5rem;background:rgba(27,38,52,0.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:border-color 0.3s,box-shadow 0.3s;font-family:var(--font);}
nav.scrolled{border-bottom-color:var(--line-2);box-shadow:0 1px 24px rgba(0,0,0,0.25);}
.nav-mark{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0.24rem;font-weight:600;font-size:0.98rem;color:var(--ink);text-decoration:none;letter-spacing:-0.01em;line-height:1;}
.nav-mark .ul{width:26px;height:2px;background:var(--acc);border-radius:1px;}
.nav-links{display:flex;gap:0.35rem;list-style:none;align-items:center;margin:0;padding:0;}
.nav-links a{font-size:0.78rem;font-weight:500;color:var(--mut);text-decoration:none;padding:0.4rem 0.8rem;border-radius:6px;transition:all 0.2s;}
.nav-links a:hover{color:var(--ink);background:var(--bg-3);}
.nav-links a.active{color:var(--acc-2);}
.nav-cta{background:var(--acc)!important;color:var(--btnText)!important;font-weight:600!important;}
.nav-cta:hover{background:var(--acc-2)!important;}
footer{background:var(--bg-2);border-top:1px solid var(--line);padding:1.6rem 3.5rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font);}
.f-mark{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0.22rem;font-weight:600;font-size:0.85rem;color:var(--ink);text-decoration:none;line-height:1;}
.f-mark .ul{width:24px;height:2px;background:var(--acc);border-radius:1px;}
footer p{font-size:0.75rem;font-weight:400;color:var(--mut);letter-spacing:0.03em;}

@media(max-width:640px){
  nav{padding:0 1.25rem;}
  .nav-links li:first-child{display:none;}
  footer{flex-direction:column;gap:0.5rem;text-align:center;padding:1.6rem 1.25rem;}
}