/* Zen Code — self-hosted fonts (latin subset; Inter is variable, 400-500) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('/fonts/inter-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/playfair-display-latin.woff2') format('woff2');
}

/* Zen Code — small overrides to complement Tailwind */
:root {
  --zc-bg: #FAFAF7;
  --zc-ink: #0F172A;
  --zc-accent: #3F6B5C;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.font-display {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-weight: 600;
}

.font-body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* Subtle paper-like texture on the background */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(15, 23, 42, 0.025) 1px, transparent 1px);
  background-size: 4px 4px;
  z-index: 0;
}

main, header, footer { position: relative; z-index: 1; }