@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("fonts/instrument-sans-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("fonts/instrument-sans-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

/* Editorial: a magazine feature. Deep moss, warm paper, clay. */
[data-theme="editorial"] {
  --color-bg: #f3ede0;
  --color-surface: #fbf7ee;
  --color-ink: #1f2b21;
  --color-ink-muted: #4f5a4e;
  --color-accent: #a4471f;
  --color-on-accent: #fbf7ee;
  --color-line: #cfc6b1;
  --color-focus: #a4471f;
  --color-band: #27382b;
  --color-on-band: #f3ede0;
  --color-on-band-muted: #c9cfbd;
  --color-ok: #2c5e3a;
  --color-warn: #8f2f12;
  --color-camera-bg: #141c16;
  --color-camera-ink: #f3ede0;
  --color-camera-accent: #e59a72;
  --color-scrim: #141c16b3;
  --font-display: Fraunces, "Iowan Old Style", Georgia, serif;
  --font-text: "Instrument Sans", system-ui, sans-serif;
  --names-size: clamp(3.5rem, 19vw, 8.5rem);
  --names-weight: 600;
  --names-style: normal;
  --names-case: none;
  --names-tracking: -0.035em;
  --heading-size: 2.25rem;
  --eyebrow-tracking: 0.12em;
  --radius-control: 999px;
  --page-pad: 1.25rem;
  --measure: 36rem;
  --photo-gap: 0.625rem;
  --mat: 0;
}