/* ==========================================================================
   PLUSH74 — CANONICAL DESIGN TOKENS 2026  (Direction A: Editorial Pure)
   File: assets/css/p74-system-2026.css
   Created: 2026-08-07 — UI apply pass, group "traps".

   The :root block below is copied VERBATIM from the Direction A mockup
   /wp-content/uploads/p74-ui-directions/a-editorial-pure/system.css (lines 8-29).
   TOKENS ONLY — no component classes, no .pa- namespace, no mockup ribbon.

   Loaded BEFORE custom.css so every later sheet (custom.css, the p74-skin-*
   sheets, theme inline CSS) can consume these vars.
   ========================================================================== */

:root{
  /* ---- the locked tokens (identical in home-v2 + how-it-works-v3) -------- */
  --ink:#0a0a0a;          /* text, structural hairlines, "on" fills           */
  --grey:#6b6b6b;         /* eyebrows, labels, meta                           */
  --line:#000;            /* STRUCTURAL hairline — cell + panel edges         */
  --line-2:#e2e2e2;       /* INTERNAL hairline — rows inside a panel/table    */
  --yellow:#E9FF75;       /* the one accent. Fill only, never text on dark.   */
  --paper:#fff;
  --wash:#fafaf7;         /* table headers, zebra, alert bodies, skeletons    */
  --disp:'Maison Neue','Maison Neue Extended','Helvetica Neue',Arial,sans-serif;
  --text:'Maison Neue Book','Maison Neue','Helvetica Neue',Arial,sans-serif;
  /* ---- derived, no new hues -------------------------------------------- */
  --body:#222;            /* body copy                                        */
  --body-2:#555;          /* secondary copy                                   */
  --ph:#9a9a93;           /* placeholder                                      */
  --img:#ddd;             /* photo placeholder                                */
  --img-2:#e6e6e6;
  --r:6px;                /* the ONLY radius in the system — buttons only     */
  /* hairline hatch: the "danger / warning" texture. No hue, just 1px lines.  */
  --hatch:repeating-linear-gradient(45deg,#0a0a0a 0 1px,transparent 1px 6px);
}