/* Home page theme - voyage.mathieu.dev
   The green and parchment are the house colours. Each trip has its own theme in
   <trip>/theme.css and may look nothing like this.

   All colour and typography lives here. To change the look, this is the only
   file to touch: the pages use nothing but variables. The fonts themselves are
   loaded by the pages (<link> to Google Fonts) and declared for the service
   worker in trips.js. */

:root{
  --ground:#EFF2EE;--surface:#FBFCFA;--surface-2:#E6EBE4;--ink:#16201A;--ink-2:#4C5A52;--ink-3:#77857C;
  --rule:#D2DAD1;--rule-soft:#E1E7DF;--accent:#1D5540;--accent-ink:#143E2E;--accent-wash:#DCE7DF;
  --amber:#96601A;--amber-wash:#F2E7D4;
  --f-display:"Bodoni Moda","Iowan Old Style",Georgia,serif;
  --f-body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-narrow:"Archivo Narrow","Archivo",Arial,sans-serif;
  --maxw:46rem;
}

/* Dark: the phone's setting, unless the reader picked light. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0E1310;--surface:#151C17;--surface-2:#1D2620;--ink:#E4EAE3;--ink-2:#A6B3A9;--ink-3:#7C8A81;
  --rule:#2A352D;--rule-soft:#202A23;--accent:#74C69B;--accent-ink:#9BD9B8;--accent-wash:#1A2E24;
  --amber:#DFAC5F;--amber-wash:#2C2418;
}}
/* Dark: explicitly chosen. */
:root[data-theme="dark"]{
  --ground:#0E1310;--surface:#151C17;--surface-2:#1D2620;--ink:#E4EAE3;--ink-2:#A6B3A9;--ink-3:#7C8A81;
  --rule:#2A352D;--rule-soft:#202A23;--accent:#74C69B;--accent-ink:#9BD9B8;--accent-wash:#1A2E24;
  --amber:#DFAC5F;--amber-wash:#2C2418;
}