:root { 
  /* Font family stacks */
  --sans-serif-narrow: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sans-serif-wide: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
  --serif-narrow: "Liberation Serif", "Nimbus Roman No 9 L",  "FreeSerif", "Hoefler Text", Times, "Times New Roman", serif;
  --serif-antique: "Bitstream Charter", "URW Palladio L", Palatino, "Palatino Linotype", "Book Antiqua", serif;
  --serif-wide: "DejaVu Serif", "Bitstream Vera Serif", "Century Schoolbook L", "Lucida Bright", Georgia, serif;
  --monospace: "Liberation Mono", "Nimbus Mono L", "FreeMono", "DejaVu Mono", "Bitstream Vera Mono", "Lucida Console", "Andale Mono", "Courier New", monospace;

  /* Named colors */
  --dark-brown: #382300;
  --dark-red: #C7522A;
  --red-brown: #D68A58;
  --brown: #E5C185;
  --pale-brown: #F0DAA5;
  --light-cream: #FFFCF8; 
  --yellow: #FBF2C4;
  --yellow-green: #B8CDAB;
  --light-green: #74A892;
  --green: #3A978C;
  --dark-green: #008585;

  /* Font sizes */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;

  /* Spacing */
  --space-xs: 0.75rem;
  --space-sm: 0.875rem;
  --space-md: 1rem;
  --space-lg: 1.25rem;
  --space-xl: 1.5rem;


  /* Semantic tokens */
  --background-color: var(--light-cream);
  --title-color: var(--dark-red);
  --text-color: var(--dark-brown);

}

html { font-size: 100%; }