/* ==========================================================================
   WoWMoM 2027 — design tokens
   The single source of truth for colour, type, and spacing.
   See DESIGN.md for the rationale behind every value here.
   Do not hard-code these values anywhere else.
   ========================================================================== */

:root {
  /* --- Colour -------------------------------------------------------------
     The WoWMoM teal. Every edition since at least 2023 has used #086959,
     applied inline over the old stylesheet's unused cyan. Here it is a real
     token. Contrast ratios are against --color-bg (white); WCAG 2.1 AA needs
     4.5:1 for body text and 3:1 for large text and UI borders.            */

  --color-accent:      #086959;  /* 6.61:1  links, active nav, headings     */
  --color-accent-dark: #05493d;  /* 10.36:1 hover, pressed                  */
  --color-accent-tint: #0a8a74;  /* 4.29:1  DECORATIVE ONLY — never text    */

  --color-text:        #333333;  /* 12.63:1 body copy                       */
  --color-muted:       #767676;  /* 4.54:1  idle nav, captions, footer      */

  --color-bg:          #ffffff;
  --color-bg-alt:      #f5f5f5;  /* accent still reads 6.07:1 on this       */
  --color-border:      #dddddd;

  --color-focus:       var(--color-accent-dark);

  /* --- Typography ---------------------------------------------------------
     Oswald (condensed sans, uppercase) for headings and nav, Lora (serif)
     for body: this pairing is the inherited WoWMoM look and is kept as-is.
     Both are self-hosted WOFF2 — no external requests. Note the fallbacks
     match each face's classification, so a font failure degrades gracefully
     instead of changing the page's character.                             */

  --font-heading: Oswald, "Arial Narrow", Arial, sans-serif;
  --font-body:    Lora, Georgia, "Times New Roman", serif;

  --text-hero:  2.6rem;   /* page h1 — inherited .heading was 260%          */
  --text-h2:    1.75rem;
  --text-h3:    1.25rem;
  --text-body:  1rem;
  --text-small: 0.875rem;

  --leading-tight: 1.15;  /* headings                                       */
  --leading-body:  1.6;   /* prose                                          */

  --tracking-heading: 0.02em;  /* Oswald uppercase needs a little air       */

  /* --- Spacing ------------------------------------------------------------
     Four-point scale. The inherited template used ad-hoc pixel values
     (inline padding:80px, sidebar margin-top:60px); those map onto this.  */

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* --- Layout -------------------------------------------------------------
     Three-column grid echoing the inherited nav / content / aside split,
     built with CSS Grid rather than Bootstrap's offcanvas + jQuery.       */

  --container-max: 75rem;   /* 1200px                                       */
  --col-nav:    2fr;
  --col-main:   7fr;
  --col-aside:  3fr;

  --bp-md: 48rem;   /* 768px — aside drops below content                    */
  --bp-lg: 64rem;   /* 1024px — full three-column layout                    */

  --radius: 2px;    /* the inherited design is essentially square           */
  --rule:   1px solid var(--color-border);

  /* --- Draft review — TEMPORARY --------------------------------------------
     Used only by the .redline blocks, which carry superseded copy alongside
     its proposed replacement while the TPC Chairs decide the rename wording.
     Delete this block together with section 6c of main.css once the
     decisions are in. See DESIGN.md.                                       */

  --color-redline:     #b00020;  /* 7.33:1  the strike rule through cut copy */
  --color-proposed-bg: #edf6f3;  /* tint behind wording still to be agreed   */
}

/* The palette is a deliberate single light theme, matching every previous
   edition. Body background is set explicitly rather than left transparent. */