/* Young Digital approved identity system — logo, color tokens, and global placements. */
:root {
  --ink: #10263A;
  --navy: #10263A;
  --navy2: #19384D;
  --ivory: #F5F0E7;
  --paper: #FBF8F1;
  --cream: #F5F0E7;
  --quiet: #E8E1D5;
  --terra: #B78A45;
  --terra-dark: #8C642D;
  --orange: #B78A45;
  --orange-dark: #8C642D;
  --acid: #D8B574;
  --line: #D8CFBF;
  --muted: #52606D;
  --blue: #E6ECEE;
  --cobalt: #315F73;
}

.brand {
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

.brand::before { content: none !important; display: none !important; }
.brand-logo { display: block; max-width: 100%; height: auto; }
.brand-logo--compact { width: clamp(176px, 17vw, 214px); }
.brand-logo--mark { display: none; width: 40px; height: 40px; }
.brand-logo--footer { width: clamp(184px, 19vw, 220px); }

header, .site-header { border-bottom-color: var(--ink); }
.nav, .header-inner { min-height: 82px; }

footer, .site-footer {
  background: var(--ink) !important;
  color: #F5F0E7 !important;
  border-top: 4px solid var(--terra) !important;
}

footer .footer-brand p,
footer .footer-bottom,
.site-footer .footer-brand p,
.site-footer .footer-bottom { color: #C9D2D7 !important; }

footer a, footer h2,
.site-footer a, .site-footer h2 { color: #F5F0E7 !important; }

@media (max-width: 620px) {
  .brand-logo--compact { display: none; }
  .brand-logo--mark { display: block; }
  .brand-logo--footer { width: 190px; }
  .nav, .header-inner { min-height: 68px; }
}