:root{
  /* ---- shared inks (both lines) ---- */
  --wye-ink:#201e1d;
  --wye-paper:#f3f2f2;
  --wye-white:#ffffff;

  /* ---- Signal Red line — competition & institutional (pairs with Archivo) ---- */
  --wye-red:#ec3013;
  --wye-red-deep:#b2200b;    /* small accent text / links on light ground */

  /* ---- Press Cyan line — journal & academic (pairs with Source Serif 4) ---- */
  --wye-cyan:#0088b0;
  --wye-cyan-deep:#006684;   /* small accent text / links on light ground */

  /* ---- derived ink steps (opacity of ink only — never new hues) ---- */
  --wye-ink-70:rgba(32,30,29,0.70);   /* secondary text */
  --wye-ink-45:rgba(32,30,29,0.45);   /* tertiary / meta text, disabled */
  --wye-ink-15:rgba(32,30,29,0.15);   /* hairline rules */
  --wye-ink-08:rgba(32,30,29,0.08);   /* zebra rows, field fill */
  --wye-white-70:rgba(255,255,255,0.70);
  --wye-white-30:rgba(255,255,255,0.30);

  /* ---- semantic aliases (default line = red) ---- */
  --color-bg:var(--wye-paper);
  --color-surface:var(--wye-white);
  --color-surface-inverse:var(--wye-ink);
  --color-text:var(--wye-ink);
  --color-text-secondary:var(--wye-ink-70);
  --color-text-meta:var(--wye-ink-45);
  --color-text-inverse:var(--wye-white);
  --color-divider:var(--wye-ink);          /* 2px structural rule */
  --color-hairline:var(--wye-ink-15);      /* 1px table / list rule */
  --color-field:var(--wye-white);
  --color-disabled-opacity:0.45;

  --color-accent:var(--wye-red);
  --color-accent-deep:var(--wye-red-deep);
  --color-accent-on:var(--wye-white);      /* text on a full-strength accent fill */

  /* Labels speak grey, not accent. The accent is a signal: at most one per view.
     Set --color-kicker:var(--color-accent-deep) on a single section to spend it. */
  --color-kicker:var(--wye-ink-45);
  --color-kicker-inverse:var(--wye-white-70);

  /* both accents remain addressable when a page needs to name the other line */
  --color-accent-red:var(--wye-red);
  --color-accent-red-deep:var(--wye-red-deep);
  --color-accent-cyan:var(--wye-cyan);
  --color-accent-cyan-deep:var(--wye-cyan-deep);
}

/* Line scopes: put ONE of these on <body> (or a section root). Never both in one composition. */
.wye-line-red{
  --color-accent:var(--wye-red);
  --color-accent-deep:var(--wye-red-deep);
  --font-heading:var(--font-red);
  --font-body:var(--font-red);
}
.wye-line-cyan{
  --color-accent:var(--wye-cyan);
  --color-accent-deep:var(--wye-cyan-deep);
  --font-heading:var(--font-cyan);
  --font-body:var(--font-cyan);
}
