/* ==========================================================================
   1. Design tokens
   Values measured from celebritynews.com; see THEME-SPEC.md sections 2-4.
   ========================================================================== */

:root{
  /* --- Colour ----------------------------------------------------------
     The reference painted its content sections #CDC7BA (almond).
     weeklygroove is white; --wg-surface is the single swap point. */
  --wg-bg:              #FFFFFF;
  --wg-surface:         #FFFFFF;   /* was #CDC7BA */
  --wg-masthead:        #141414;
  --wg-footer:          #000000;
  --wg-accent:          #FFCE0D;
  --wg-accent-ink:      #141414;   /* text that sits on accent */
  --wg-text:            #272C30;
  --wg-heading:         #000000;
  --wg-muted:           #62707C;
  --wg-dark-2:          #33373D;
  --wg-rule:            #D8D8D8;   /* spec 9.2: lightened from #272C30 */
  --wg-fill:            #F4F4F4;
  --wg-footer-link-dim: #A3A3A3;
  --wg-link:            #1863DC;
  --wg-nav-hover:       #646464;

  /* --- Type ------------------------------------------------------------
     Four families on the reference, consolidated to two (spec 9). */
  --wg-font-display: "Suez One", Georgia, "Times New Roman", serif;
  --wg-font-body:    "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --wg-fs-body:    18px;
  --wg-lh-body:    1.6;      /* 28.8px at 18px */
  --wg-fw-body:    400;      /* spec 9.3: raised from 300 for white ground */

  /* Card title scale: nine measured sizes collapsed to four (spec 3). */
  --wg-card-xs:    15px;   --wg-card-xs-lh: 18px;
  --wg-card-sm:    18px;   --wg-card-sm-lh: 21.6px;
  --wg-card-md:    22px;   --wg-card-md-lh: 26.4px;
  --wg-card-lg:    31px;   --wg-card-lg-lh: 34px;

  --wg-fs-post-title:  41px;
  --wg-fs-section:     25px;
  --wg-fs-h2:          22px;
  --wg-fs-h3:          20px;
  --wg-fs-meta:        15px;
  --wg-fs-nav:         15px;

  /* --- Layout ----------------------------------------------------------- */
  --wg-container:   1300px;
  --wg-content:     1140px;
  --wg-prose:       1086px;
  --wg-gutter:      20px;

  --wg-gap:         30px;   /* column */
  --wg-gap-row:     35px;   /* row */
  --wg-gap-tight:   10px;

  --wg-section-pad: 30px;
  --wg-rule-weight: 10px;   /* de-snapped from a reported 9.71963px */

  --wg-masthead-h:  101px;
  --wg-navbar-h:    46px;
  --wg-radius:      3px;
  --wg-radius-sm:   2px;

  /* spec 9.4: the almond used to frame photos; on white they need an edge */
  --wg-img-edge: inset 0 0 0 1px rgba(0,0,0,.08);
}