/* ==========================================================================
   tokens — chart ink, buff paper, one magenta
   ==========================================================================

   The palette is not invented. A British Admiralty chart is printed in black
   on buff paper with the sea in the palest of blues — and one further colour,
   MAGENTA, reserved for information that is advisory rather than surveyed:
   traffic separation, cautionary areas, radio reporting lines. Things a
   cartographer worked out rather than saw.

   That distinction is exactly the one this page needs, so it is kept:

     Ink and paper   everything given — coastlines, the graticule, the copy.
     Magenta         everything MEASURED. The Tissot indicatrices, the
                     distortion figures, the rhumb line, the verdicts. If it
                     is magenta, a computation put it there.

   Nothing on this page is magenta because it looked better in magenta.
   ========================================================================== */

:root {
  /* ground — the dark of a chart room, blued rather than neutral */
  --ink:   #0d1418;
  --ink-2: #121b21;
  --ink-3: #18242c;

  /* buff paper — the type colour */
  --paper:   #e9e1cf;
  --paper-2: rgba(233, 225, 207, 0.66);
  --paper-3: rgba(233, 225, 207, 0.40);
  --paper-4: rgba(233, 225, 207, 0.22);
  --line:    rgba(233, 225, 207, 0.11);
  --line-2:  rgba(233, 225, 207, 0.24);

  /* measured, never chosen */
  --magenta:   #e0117a;
  --magenta-2: rgba(224, 17, 122, 0.55);
  --magenta-3: rgba(224, 17, 122, 0.13);

  /* the map itself — sea paler than the room, land paler still, as printed */
  --sea:   #16232b;
  --land:  #cfc4a8;
  --coast: #6d6752;
  --grat:  rgba(233, 225, 207, 0.17);
  --edge:  rgba(233, 225, 207, 0.42);

  /* the two courses */
  --gc: #7fb8c9;

  /* type */
  --f-display: "Bodoni Moda", "Times New Roman", serif;
  --f-body:    "Instrument Sans", system-ui, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, monospace;

  --t-hero: clamp(2.9rem, 9.6vw, 10.5rem);
  --t-h2:   clamp(2rem, 5.4vw, 4.8rem);
  --t-body: clamp(1rem, 1.1vw, 1.16rem);
  --t-lead: clamp(1.1rem, 1.7vw, 1.55rem);
  --t-meta: clamp(0.63rem, 0.72vw, 0.73rem);

  --gut: clamp(1.1rem, 3.4vw, 3.2rem);
  --sec: clamp(5rem, 15vh, 12rem);

  /* Named for the two motions of a chart room. --swing is a compass card
     settling on north: fast, then a long approach with no overshoot, because
     a needle that overshoots is a needle you cannot read. --set is laying a
     course with dividers: decisive at both ends. */
  --swing: cubic-bezier(0.16, 1, 0.3, 1);
  --set:   cubic-bezier(0.7, 0, 0.3, 1);
}