/* ==========================================================================
   THE LOOK. Change the site's colours, typefaces and spacing here and
   nowhere else. Every rule in style.css reads these values.

   Concept: "the neighborhood watch bulletin".
   Warm newsprint, blue-black ink, one signal orange. The orange is the only
   accent; adding a second one is how a site starts to look generated.

   If you change a typeface here, change the font link in
   /partials/head.html to load it.
   ========================================================================== */

:root {
  /* --- colour ------------------------------------------------------------- */
  --c-stock:      #f4eee1;   /* the paper */
  --c-stock-warm: #ebe3d1;   /* a darker sheet, for the footer band */
  --c-ink:        #16202b;   /* blue-black: text and every heavy rule */
  --c-ink-soft:   #4a5461;   /* datelines, labels, secondary text */
  --c-rule:       #cdc4af;   /* hairlines */
  --c-accent:     #b23f14;   /* THE one accent: signal orange, dark enough to read as text */
  --c-accent-ink: #fff8ee;   /* text set on the accent */
  --c-deep:       #16202b;   /* dark band ground */

  /* --- type --------------------------------------------------------------- */
  --f-display: 'Frank Ruhl Libre', 'Iowan Old Style', Georgia, serif;      /* headlines, nameplate */
  --f-body:    'Source Serif 4', 'Iowan Old Style', Georgia, serif;        /* reading text */
  --f-label:   'Libre Franklin', 'Franklin Gothic Medium', 'Helvetica Neue', Arial, sans-serif; /* datelines, labels, nav */
  --f-phone:   system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;   /* the scam message, set as a phone shows it */
  --f-mono:    var(--f-label);                                             /* kept for base.css */

  /* Sized up a step from the usual web default: many readers are older. */
  --t-xs:   clamp(0.74rem, 0.71rem + 0.14vw, 0.82rem);
  --t-sm:   clamp(0.9rem, 0.87rem + 0.18vw, 1rem);
  --t-base: clamp(1.08rem, 1.02rem + 0.28vw, 1.24rem);
  --t-lg:   clamp(1.3rem, 1.18rem + 0.55vw, 1.6rem);
  --t-xl:   clamp(1.6rem, 1.36rem + 1.1vw, 2.3rem);
  --t-2xl:  clamp(2.05rem, 1.55rem + 2.3vw, 3.5rem);
  --t-3xl:  clamp(2.5rem, 1.6rem + 4.2vw, 5.2rem);
  --t-name: clamp(1.9rem, 0.2rem + 9.4vw, 7.2rem);   /* the nameplate on the front page */

  --lh-tight: 1.04;
  --lh-head:  1.12;
  --lh-body:  1.58;

  /* --- space -------------------------------------------------------------- */
  --s-1: 0.35rem;  --s-2: 0.7rem;   --s-3: 1.1rem;   --s-4: 1.7rem;
  --s-5: 2.6rem;   --s-6: 4rem;     --s-7: 6rem;     --s-8: 9rem;

  /* --- measure ------------------------------------------------------------ */
  --w-page:  1240px;   /* outer width of the sheet */
  --w-text:  64ch;     /* reading measure; body text never runs wider */
  --pad-x:   clamp(1.1rem, 4.5vw, 3.5rem);

  /* --- rule weights: the structure of every page -------------------------- */
  --r-hair:  1px;
  --r-mid:   3px;
  --r-heavy: 6px;
}

/* On paper: white stock, so a printed page does not spend ink on the background. */
@media print {
  :root { --c-stock: #ffffff; --c-stock-warm: #ffffff; }
}