/* ============================================================
   BrainDay — Custom Stylesheet
   Companion to Tailwind CSS (loaded via CDN)
   ============================================================ */

/* ── Typography ────────────────────────────────────────────── */

/* Quiet, academic serif */
.font-serifish {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

/* Clean system sans-serif */
.font-sansish {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}


/* ── Page Background ────────────────────────────────────────── */

/* Gentle warm-paper gradient */
.paper {
  background: radial-gradient(
    1200px 600px at 20% 0%,
    rgba(250, 248, 243, 1) 0%,
    rgba(248, 247, 244, 1) 35%,
    rgba(245, 244, 241, 1) 100%
  );
}


/* ── Borders ────────────────────────────────────────────────── */

/* Subtle hairline divider / border */
.hairline {
  border-color: rgba(17, 24, 39, 0.12);
}


/* ── Globals ────────────────────────────────────────────────── */

/* Smooth anchor scrolling */
html {
  scroll-behavior: smooth;
}

/* Prevent horizontal overflow jiggle */
body {
  overflow-x: hidden;
}


/* ── Spacing Overrides (increased whitespace) ───────────────── */

/* Section vertical padding — generous breathing room */
.section-pad {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (min-width: 768px) {
  .section-pad {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}