/* The Jams Marathon — supplementary styles
 * Tailwind handles the bulk of styling via CDN; this file covers what Tailwind
 * cannot easily express: font defaults, tabular numerals, the museum-placard
 * photo treatment, and a paper-texture body background. */

html {
  scroll-behavior: smooth;
}

body {
  background-color: #FAF6EE;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(110, 78, 55, 0.03) 1px, transparent 1px),
    radial-gradient(circle at 70% 60%, rgba(110, 78, 55, 0.025) 1px, transparent 1px);
  background-size: 24px 24px, 36px 36px;
  color: #1A1A1A;
  font-family: 'Inter', system-ui, sans-serif;
  line-height: 1.6;
}

/* Tabular figures for race times, dates, distances */
.tabular-nums {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* Museum-placard photo treatment */
.placard {
  border: 6px solid #3E2723;
  background: #FAF6EE;
  padding: 8px;
  box-shadow: 0 6px 24px rgba(43, 24, 16, 0.18);
}
.placard img {
  display: block;
  width: 100%;
  height: auto;
}
.placard-caption {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-size: 0.8125rem;
  color: #6F4E37;
  margin-top: 12px;
  line-height: 1.5;
  text-align: center;
}

/* Headlines: ensure serif renders even before Tailwind picks up font config */
h1, h2, h3, h4 {
  font-family: 'Source Serif 4', Georgia, serif;
  color: #2B1810;
}

/* Eyebrow utility — used pervasively */
.eyebrow {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C8102E;
}

/* Sharp-cornered cards (the institutional aesthetic) */
.card {
  background-color: #F5E6D3;
  border: 1px solid #E8DFD0;
  padding: 1.5rem;
}

/* Body content gets enough top padding to clear the fixed header */
main {
  padding-top: 80px;
}

/* Hide scroll bar on waiver text card for a cleaner look while still scrollable */
.waiver-scroll {
  max-height: 360px;
  overflow-y: auto;
  border: 1px solid #6F4E37;
  background: #FAF6EE;
  padding: 1.5rem;
}