/* An independent practice and a living publication. Bradford carries the voice;
   system type carries navigation and supporting information. Print is separate. */
@font-face {
  font-family: "Bradford Editorial";
  src: url("/fonts/BradfordLLWeb-Book.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@media screen {
  :root {
    --paper: #f5f4ef;
    --ink: #1c2b2a;
    --signal: #284d69;
    --muted: #5b6664;
    --hair: #cbd1ca;
    --accent: var(--signal);
    --ink-soft: var(--muted);
    --ink-faint: var(--muted);
    --closing-bg: #101d20;
    --closing-fg: #edeee6;
    --closing-muted: #abbab5;
    --closing-signal: #adc6d7;
    --closing-rule: #415054;
    --text: "Bradford Editorial", Georgia, serif;
    --display: var(--text);
    --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --pad: clamp(1.375rem, 4.5vw, 5rem);
    --space: clamp(3rem, 6vw, 6rem);
    --type-body: 1.1875rem;
    --type-meta: 0.875rem;
    --type-small: 1rem;
    --stroke: 1px solid var(--hair);
    --stroke-strong: var(--stroke);
    --focus-inner: var(--paper);
    --focus-outer: var(--signal);
  }
  html {
    background: var(--paper);
    scroll-padding-top: calc(var(--navigation-height, 0px) + 1rem);
  }
  body {
    background: var(--paper);
    color: var(--ink);
    font-family: var(--text);
    font-synthesis: none;
  }
  :where(a, button, summary) {
    -webkit-tap-highlight-color: transparent;
  }
  :where(a, button, summary, input):focus-visible {
    outline: 2px solid var(--signal);
    outline-offset: 5px;
    box-shadow: none;
  }
  ::selection {
    background: var(--signal);
    color: var(--paper);
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --paper: #101d20;
      --ink: #edeee6;
      --signal: #adc6d7;
      --muted: #abbab5;
      --hair: #3b4a4c;
    }
  }
}