/**
 * PhotoXED Typography — Inter (self-hosted) + excellent fallback
 * Per plan: ONLY Inter. No external font calls at runtime.
 *
 * To complete self-hosting:
 * 1. Download Inter variable font from Google Fonts or Fontsource.
 * 2. Place Inter-Variable.woff2 (or Inter-VF.woff2) in /public/assets/fonts/
 * 3. Update the src url below.
 *
 * Recommended weights for iOS-like feel: 400, 500, 600, 700
 */

/* Inter font is optional for local development.
   If the file doesn't exist, we gracefully fall back to system fonts. */
@font-face {
  font-family: 'Inter';
  src: url('../../fonts/Inter-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  font-variation-settings: "wght" 400, "slnt" 0;
}

/* Fallback stack — uses Inter only if the font file successfully loaded */
:root {
  --font-ui: 'Inter', system-ui, -apple-system, "SF Pro Display", "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* If Inter fails to load (404 or network error), browsers will automatically 
   skip it and use the next font in the stack. No extra code needed. */

body {
  font-family: var(--font-ui);
  font-feature-settings: "tnum", "cv02", "cv03", "cv04"; /* tabular numbers + better figures */
}

/* Type scale — tight, premium, photo-friendly */
h1, .px-h1 { font-size: 28px; line-height: 1.1; font-weight: 700; letter-spacing: -0.025em; }
h2, .px-h2 { font-size: 22px; line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; }
h3, .px-h3 { font-size: 18px; line-height: 1.2; font-weight: 600; }

.px-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tx3);
}

.px-body {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}

.px-caption {
  font-size: 12px;
  line-height: 1.4;
  color: var(--tx3);
  font-weight: 500;
}

/* iPad scale */
@media (min-width: 768px) {
  h1, .px-h1 { font-size: 32px; }
  h2, .px-h2 { font-size: 24px; }
}