:root{
  --shell-header-min-height:64px;
}

.topbar-meta-inner,
.topbar-inner{
  max-width:1220px;
  margin:0 auto;
  padding-left:2rem;
  padding-right:2rem;
}

.topbar-inner,
.top-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
}

.topbar-meta-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}

.topbar,
.topnav,
.top-nav{
  background:var(--color-header-bg);
  border-bottom:1px solid var(--color-border-subtle);
}

.topbar-meta{
  background:var(--color-header-meta-bg);
  border-bottom:1px solid var(--color-header-meta-border);
}

.secondary-nav{
  background:var(--color-surface-default);
  border-bottom:1px solid var(--color-border-subtle);
}

.dropdown-menu,
.dd-menu{
  background:var(--color-panel-bg);
  border:1px solid var(--color-border-subtle);
}

.meta-copy,
.meta-links{
  color:var(--color-header-meta-text);
}

.brand-mark,
.topnav-logo-mark,
.logo-box{
  background:var(--color-brand-primary);
}

.logo,
.topnav-logo,
.brand{
  color:var(--color-header-link-active);
}

.nav-links a.active::after,
.topnav-center a.active::after{
  background:var(--color-brand-primary);
}

.nav-cta{
  background:var(--color-header-action-bg);
  border-color:var(--color-header-action-bg);
  color:var(--color-header-action-text);
}

.topbar-text-link,
.nav-links,
.topnav-center a,
.topnav-center .dd-trigger,
.secondary-nav a,
.dropdown-trigger,
.logo,
.topnav-search,
.topnav-avatar,
.dd-menu a,
.nav-actions,
.search-icon,
.profile-icon{
  color:var(--color-header-link);
}

.nav-links a.active,
.topnav-center a.active,
.topnav-center a:hover,
.topnav-center .dd-trigger:hover,
.secondary-nav a:hover,
.secondary-nav a.active,
.dropdown-trigger:hover,
.dropdown-trigger.active,
.topbar-text-link:hover,
.topnav-search:hover,
.topnav-avatar:hover,
.dd-menu a:hover{
  color:var(--color-header-link-active);
}

.topnav-cta{
  background:transparent;
  color:var(--color-text-primary);
  border:1px solid var(--color-border-strong);
}

.topnav-cta:hover{
  background:var(--color-brand-soft);
  border-color:var(--color-brand-primary);
}

.employer-btn{
  background:var(--color-header-action-bg);
  color:var(--color-header-action-text);
  border:1px solid var(--color-header-action-bg);
  text-decoration:none;
}

.employer-btn:hover{
  background:var(--color-brand-primary);
  border-color:var(--color-brand-primary);
}

@media(max-width:820px){
  .topbar-meta-inner,
  .topbar-inner{
    padding-left:1rem;
    padding-right:1rem;
  }
}

.footer,
.footer-bar,
.regulatory-disclaimer{
  background:var(--color-footer-bg);
}

.footer{
  color:var(--color-footer-text);
  border-top:1px solid var(--color-inverse-border);
}

.footer h4,
.footer-logo{
  color:var(--color-inverse-text);
}

.footer p,
.footer li,
.footer a,
.footer-brand,
.footer-grid a,
.footer-cta-btn,
.footer-socials a,
.footer-legal a,
.regulatory-disclaimer p{
  color:var(--color-footer-text);
}

.footer-bar,
.regulatory-disclaimer,
.footer-bottom{
  border-color:var(--color-inverse-border);
}

.footer-bar span,
.footer-location,
.footer-copy,
.footer-bottom,
.footer-legal a,
.footer-socials a,
.regulatory-disclaimer p{
  color:var(--color-footer-muted);
}

.footer-grid a:hover,
.footer-cta-btn:hover,
.footer-socials a:hover,
.footer-legal a:hover,
.footer-bar a:hover{
  color:var(--color-inverse-text);
}

.footer-cta-btn{
  border-color:rgba(255,255,255,0.28);
}