@charset "utf-8";

/* =====================================================
   Base / Global Styles
   ===================================================== */

body {
  background: var(--surface);
  color: var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
}

/* Links */
a {
  color: var(--impact-crimson);
  text-decoration: none;
}

a:hover,
a:focus {
  color: color-mix(in srgb, var(--impact-crimson) 85%, white);
  text-decoration: underline;
}

/* =====================================================
   Skip Link (Accessibility)
   ===================================================== */

.skip-link {
  position: absolute;
  inset-inline-start: -999px;
  inset-block-start: auto;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
}

.skip-link:focus-visible {
  inset-inline-start: 1rem;
  inset-block-start: 1rem;
  inline-size: auto;
  block-size: auto;
  padding: 0.75rem 1rem;
  background: #000;
  color: #fff;
  z-index: 9999;
  border-radius: 0.5rem;
}

/* =====================================================
   Reduced Motion
   ===================================================== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
  }

  .hero-media {
    filter: none;
  }
}