/* All page colours and typefaces live here. Retained logos and the generated
   box keep their own artwork; replace the box independently using GRAPHICS.md. */
@font-face { font-family:'Geist'; src:url('./assets/fonts/geist-variable.ttf') format('truetype'); font-style:normal; font-weight:100 900; font-display:swap; }
@font-face { font-family:'IBM Plex Mono'; src:url('./assets/fonts/ibm-plex-mono-regular.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
:root {
  --color-scheme: light;
  --color-background: #FFF8E5;
  --color-ink: #173B43;
  --color-secondary: #173B43;
  --color-panel: #F9EAC0;
  --color-accent: #F2C665;
  --color-line: #D8B95E;
  --color-button: #F2C665;
  --color-button-ink: #173B43;
  --color-button-hover: #E6B94F;
  --color-focus: #173B43;
  --color-dark: #173B43;
  --color-on-dark: #FFF8E5;
  --color-dark-muted: #F9EAC0;
  --color-dark-line: #D8B95E;
  --color-box-shadow: #0F292F;
  --color-motion-off: #AAB5B2;
  --font-body: 'Geist', Arial, sans-serif;
  --font-masthead: Georgia, 'Times New Roman', serif;
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-label: 'IBM Plex Mono', monospace;
  --masthead-weight: 700;
  --masthead-size: 24.5cqw;
  --masthead-tracking: -.075em;
  --heading-weight: 400;
}
:root[data-palette-original="true"] {
  --color-background:#FCFEFD;
  --color-ink:#173B43;
  --color-secondary:#21616B;
  --color-panel:#EDF5F5;
  --color-accent:#F2C665;
  --color-line:#AAC8CA;
  --color-button:#173B43;
  --color-button-ink:#FCFEFD;
  --color-button-hover:#21616B;
  --color-focus:#21616B;
  --color-dark:#173B43;
  --color-on-dark:#FCFEFD;
  --color-dark-muted:#D6E8E8;
  --color-dark-line:#6D8196;
  --color-box-shadow:#0F292F;
  --color-motion-off:#AAB5B2;
}

