:root {
  --surface-soft: #f4f6f6;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
}

.hero-gradient {
  background: linear-gradient(135deg, #1b365d 0%, #0f2340 50%, #1a1a2e 100%);
}

.glass-card {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(28, 35, 38, 0.08);
}

.site-nav {
  border-bottom: 1px solid rgba(15, 35, 64, 0.06);
}

.site-nav__brand {
  min-width: 0;
}

.site-nav__link,
.site-nav__mobile-link {
  letter-spacing: 0.01em;
}

.accent-gradient {
  background: linear-gradient(135deg, #7a0c0c 0%, #5a0909 100%);
}

.section-divider {
  background: linear-gradient(90deg, transparent, #7a0c0c, transparent);
  height: 2px;
}

.site-nav__link:focus-visible,
.site-nav__mobile-link:focus-visible {
  outline: 2px solid #7a0c0c;
  outline-offset: 2px;
}

.primary-hero {
  padding-top: clamp(0.25rem, 1.2vw, 1rem);
}