/* Zenger theme tokens — reproduced verbatim from zenger-wp-theme/assets/css/zgr-base.css
   so pay.zenger.news is visually indistinguishable from the article site. Fonts are
   self-hosted under /static/fonts/ (copied from the theme); no external webfont load. */

/* ── @font-face Declarations ──────────────────────────────────────────────── */
@font-face {
  font-family: 'Goudy Old Style';
  src: url('/static/fonts/QTOldGoudy.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Goudy Old Style';
  src: url('/static/fonts/QTOldGoudy-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Goudy Old Style';
  src: url('/static/fonts/QTOldGoudy-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Imperial';
  src: url('/static/fonts/Imperial Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Imperial';
  src: url('/static/fonts/Imperial Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Imperial';
  src: url('/static/fonts/Imperial Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ── CSS Custom Properties (from zgr-base.css :root) ──────────────────────── */
:root {
  --zgr-navy: #122b50;
  --zgr-black: #121212;
  --zgr-gray: #757575;
  --zgr-gray-medium: #666666;
  --zgr-gray-light: #999999;
  --zgr-light-gray: #e8e8e8;
  --zgr-white: #ffffff;
  --zgr-crimson: #d4183d;
  --zgr-blue: #00a3e0;
  --zgr-link-hover: #00a3e0;
  --zgr-blue-accent: #00a3e0;
  --zgr-navy-faint: rgba(18, 43, 80, 0.3);
  --font-tinos: 'Goudy Old Style', 'Goudy Bookletter 1911', Georgia, serif;
  --font-urbanist: 'Inter', system-ui, sans-serif;
  --font-baskerville: 'Imperial', 'Lora', Georgia, serif;
  --font-poppins: 'Inter', system-ui, sans-serif;
  /* semantic aliases used by the pay page */
  --zgr-serif: var(--font-tinos);          /* headlines → Goudy Old Style */
  --zgr-body: var(--font-baskerville);     /* body → Imperial */
  --zgr-ui: var(--font-urbanist);          /* UI / labels / buttons → Inter */
  /* channel brand colors (kept from mockup) */
  --wa: #25D366;
  --tg: #229ED9;
  --stripe: #635bff;
  --green: #22a559;
  --zgr-page-pad: 24px;
  --zgr-gap: 32px;
  --zgr-gap-sm: 24px;
  --zgr-gap-xs: 16px;
  --zgr-radius: 12px;
  --zgr-radius-sm: 6px;
  /* pay-page surface treatment = the theme's audio-player card */
  --surface: #f4f6f9;
  --surface-br: #dde2ea;
}