/* =====================================================================
   THEME — colours, fonts and sizes of the whole website.
   This is the ONLY file you need for changing the look.

   * A colour is written like  #1b2730  (a "hex code"). You can pick
     one at https://htmlcolorcodes.com and paste it here.
   * Change the value after the colon, keep the ";" at the end.
   * The background map (contour lines, roads, night lights) also takes
     its colours from the --map-… values below.
   ===================================================================== */

:root {
  /* ---- Page colours ------------------------------------------------ */
  --paper:        #f5f2ea;   /* main background (warm "map paper")       */
  --paper-2:      #ece7db;   /* panels / alternate background            */
  --card:         #fffdf8;   /* cards                                    */
  --text:         #1b2730;   /* main text                                */
  --muted:        #56626b;   /* secondary text (dates, notes)            */
  --rule:         #d9d2c3;   /* thin lines and borders                   */

  /* ---- Accent colours ---------------------------------------------- */
  --accent:       #a24a25;   /* links, highlights (terracotta, like roads on a topographic map) */
  --accent-2:     #2e6b66;   /* secondary accent (water / contour green) */

  /* ---- Dark header area (homepage hero + page headers) ------------- */
  --ink:          #0f1c25;   /* background of the dark map area         */
  --ink-text:     #eef1ee;   /* text on the dark map area                */
  --ink-muted:    #a9b8b9;   /* secondary text on the dark map area      */

  /* ---- Main buttons on the dark area ("Download CV", menu "CV") ----- */
  --button-bg:    #dfe7e3;   /* soft light grey-green                    */
  --button-text:  #0f1c25;   /* text on the button                       */

  /* ---- Details on the dark area: links (e.g. "University of Barcelona")
          and the two corner marks around the homepage photo ---------- */
  --hero-detail:  #b8c6c2;   /* sober light grey-green                    */

  /* ---- Background map colours -------------------------------------- */
  --map-contour:  #7fb3a6;   /* topographic contour lines                */
  --map-grid:     #ffffff;   /* latitude/longitude grid                  */
  --map-road:     #e0a650;   /* road network                             */
  --map-light:    #f6c35b;   /* night-time lights (glowing dots)         */

  /* ---- Fonts --------------------------------------------------------
     To change a font: choose one on https://fonts.google.com, add it to
     the Google Fonts link in _includes/site/head.html, and write its
     name here (in quotes).                                              */
  --font-display: "Newsreader", "Iowan Old Style", Georgia, serif;     /* big titles  */
  --font-body:    "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; /* normal text */
  --font-mono:    "IBM Plex Mono", ui-monospace, Menlo, monospace;      /* small labels, dates */

  /* ---- Sizes --------------------------------------------------------- */
  --text-size:    1.0625rem; /* normal text size (1rem = 16px)           */
  --max-width:    1180px;    /* maximum width of the page content        */
  --radius:       6px;       /* roundness of cards and buttons           */
  --photo-size:   400px;     /* homepage photo width (max 420px for full sharpness) */
}