/* THEME -- the only file you need to edit to change colours or fonts.
   After editing, run build.py and refresh (see README). */

:root {

  /* ---------- FONTS ----------
     Only fonts already on the visitor's device can be used here. A font from
     the internet (e.g. Source Sans, as in the thesis) must be added as a font
     file in static/ -- ask Claude, or see the README. Do NOT link Google Fonts:
     that sends every visitor's IP address to Google.                          */

  /* text, questions, buttons -- the thesis uses a sans: Source Sans Pro */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* only the big name "Anneke Vries" (the question headings use --font-body) */. 
  --font-name: "Josefin Sans", "Palatino Linotype", Palatino, Georgia, serif;
/* --font-heading: "Iowan Old Style", Georgia, serif;
--font-body: "Josefin Sans", sans-serif; */

  /* ---------- COLOURS ---------- */

  /* Colours measured in the banner (Sentinel-2, Nuup Kangerlua; static/img/banner-1200.webp).
     Measured value in brackets; text colours made darker where needed for readability. */
  --bg:     #ebe9e4;   /* dirty ice white (measured #ebecec, made slightly warmer) */
  --ink:    #0b2a2c;   /* deep fjord water (measured #063739, darker for text) */
  --muted:  #5e5246;   /* dark rock: source credit in the footer */
  --accent: #2f6f66;   /* murky meltwater turquoise (measured #428a80, darker for text): links */
  --ochre:  #7d5f3c;   /* ochre rock (measured #7c6d5d, warmer and a bit darker for text, 4.8:1): bullets, paper links */

  /* The thesis palette (settings.tex, section 7), kept here for reference / later use.
     Not used on the page.                            */
  --thesis-green-light: #A6DBA0;  /* thumbcolor1 (Intro)    */
  --thesis-green:       #5AAE61;  /* thumbcolor2 (ch 2)     */
  --thesis-teal:        #2A9D8F;  /* thumbcolor3 (ch 3)     */
  --thesis-blue-mid:    #2C7FB8;  /* thumbcolor4 (ch 4)     */
  --thesis-blue:        #225EA8;  /* thumbcolor5 (ch 5)     */
  --thesis-blue-dark:   #253494;  /* thumbcolor6 (Outlook)  */
  --thesis-sky:         #8ACFF0;  /* Riddle box             */
}
