@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700;800&display=swap");
:root {
  color-scheme: dark;
  --bg: #151615;
  --panel: #1d1f1c;
  --line: #34372f;
  --muted: #a5aa9b;
  --text: #f0f1e9;
  --gold: #d6ac4b;
  --softgold: #e8d39f;
  --error: #f2a6a0;
  /* One typeface across the site. The imaging request page was built before the rest and carried
     its own pair; body and headings now resolve to the same face every other page uses, so the
     two tokens stay where the stylesheets expect them without naming a second family. */
  --font-site: "Assistant", sans-serif;
  --font-body: var(--font-site);
  --font-heading: var(--font-site);
  --font-accent: Georgia, serif;
  --site-bg: var(--bg);
  --site-text: #eeeeee;
  --radius-panel: 14px;
  --radius-control: 7px;
  --page-width: 1420px;
  /* Side gutter shared by the header, main content and footer so their edges align. */
  --page-gutter: 6vw;
}
@media (min-width: 1450px) {
  :root {
    --page-gutter: 75px;
  }
}
@media (max-width: 1000px) {
  :root {
    --page-gutter: 4vw;
  }
}
@media (max-width: 760px) {
  :root {
    --page-gutter: 5vw;
  }
}