@charset "ISO-8859-1";

:root {
  /* These can be set via a configuration file */
  --background-color: beige;
  --base-font-size: 1em;
  --preferredWidth: 600px;
  --dark-highlight: #8a7254;
  --light-highlight: #d5ba98;
  --gap-color-1: red;
  --gap-color-2: yellow; 
  --image-border: 0px solid black;
  
  /* These are either calculated or hard-coded */
  --color: black;
  --font-family: sans-serif;  
  --large-font-size: calc(var(--base-font-size)* 1.25);
  --header-font-size: calc(var(--base-font-size)* 1.5); 
  --width: max(300px, min(var(--preferredWidth), 100dvw)); 
  --highlight-width: 8px;
  --image-indent: calc(var(--width) / 10);
  --splash-slack: 0;  
  --fullscreen-width: 300px;
}