/* Font faces (with preloading in HTML) */
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  src: url('/fonts/inter-var.woff2') format('woff2');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 400 700;
  font-display: swap;
  font-style: normal;
  src: url('/fonts/merriweather-var.woff2') format('woff2');
}

/* Root tokens (existing) */
:root {
  --font-sans: 'Inter var', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Merriweather', Georgia, serif;
  /* existing tokens stay the same */
}

/* Skip to main content link - show on focus */
.skip-to-main {
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  padding: var(--space-2);
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  z-index: 100;
  transition: top 0.2s;
  border-radius: 0 0 8px 8px;
}
.skip-to-main:focus {
  top: 0;
}

/* Print styles */
@media print {
  .header { position: static; }
  .nav-main, .social-links, .button { display: none !important; }
  .card { box-shadow: none; border: 1px solid #eee; }
  .hero { background: none !important; color: #000 !important; padding: var(--space-4) 0; }
  .hero h1, .hero p { color: #000 !important; text-shadow: none; }
  .footer { border-top: 1px solid #eee; padding: var(--space-3) 0; }
  @page { margin: 2cm; }
}