/* ===========================================================================
 * subjects/reading/styles.css
 * ===========================================================================
 * Scoped class rules for the Reading practice surface.
 *
 * --rd-* tokens are aliased to the canonical global tokens (--ink,
 * --accent-coral, --accent-sage, --surface, etc.) so the .pi-* shim
 * produces the same computed values as vocab's .mc-* canon. Reading's
 * internal API (consumers reading --rd-ink, etc.) keeps working
 * unchanged; only the source of truth shifts from per-theme inline JS
 * to global CSS. See decision log in commit message.
 *
 * Per-screen overrides can still set --rd-* inline on .reading-screen
 * if a future test profile needs to diverge — but the default and
 * intended path is "globals win".
 * ======================================================================== */

.reading-screen {
  /* Ink scale */
  --rd-ink: var(--ink);
  --rd-ink-soft: var(--ink-soft);
  --rd-ink-faint: var(--ink-faint);

  /* Surface scale */
  --rd-bg-card: var(--surface);
  --rd-bg-muted: var(--ink-5);
  --rd-stroke: var(--ink-10);
  --rd-stroke-strong: var(--ink-30);

  /* Accent (primary) — coral, matching canon */
  --rd-accent: var(--accent-coral);
  --rd-accent-soft: var(--accent-coral-tint);
  --rd-accent-ink: #fff;

  /* Success / danger — sage / coral, matching canon */
  --rd-success: var(--accent-sage);
  --rd-success-bg: var(--accent-sage-tint);
  --rd-success-ink: var(--accent-sage-ink);
  --rd-danger: var(--accent-coral);
  --rd-danger-bg: var(--accent-coral-tint);
  --rd-danger-ink: var(--accent-coral-ink);

  /* Radii — canon: --radius = 16px */
  --rd-radius-btn: var(--radius);

  /* Fonts — fall through to globals; profile may override on .reading-screen. */
  --rd-font-ui: var(--font-ui, var(--font-display));
  --rd-font-head: var(--font-display);
  --rd-font-body: var(--font-body, var(--font-display));
}

/* PassageItem .pi-* rules retired here in favor of the canonical unscoped
 * rules in components/items/passage-item.css (Sub-phase D part 3). Reading
 * practice inherits the canonical visual; no surface-specific tweaks
 * needed. The .reading-screen --rd-* token aliases above remain because
 * other reading chrome (read-phase passage display, review screen) may
 * still reference them, but the .pi-* renderer rules no longer do. */