/* Shared, self-hosted typography for the standalone public pages. */
@font-face {
  font-family: 'Satoshi';
  src: url('./Satoshi-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: 'Erode';
  src: url('./Erode-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: 'Erode';
  src: url('./Erode-VariableItalic.woff2') format('woff2');
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
}

:root {
  --pl-font-ui: 'Satoshi', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pl-font-body: 'Erode', Georgia, 'Times New Roman', serif;
  --pl-font-display: var(--pl-font-ui);

  /* Override the legacy shared stylesheet's font tokens when loaded after it.
     The numeric token remains an alias for existing tabular-number styles. */
  --display: var(--pl-font-display);
  --body: var(--pl-font-body);
  --mono: var(--pl-font-ui);
}

body {
  font-family: var(--pl-font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--pl-font-display);
}

nav, button, input, textarea, select, label, legend, kbd {
  font-family: var(--pl-font-ui);
}