/* Bare-brand layer — the ONLY place styling values live.
   CONTRACT: a rebrand touches this file and logo.svg, nothing else.
   Values are deliberately plain (black/gray/white, system fonts) and match
   the proven Phase 1 viewer exactly; do not add markup-specific rules here. */
:root {
  /* Palette */
  --brand-ink: #161616;            /* primary text and controls */
  --brand-muted: #686868;          /* secondary text (>=4.5:1 on paper) */
  --brand-line: #dedede;           /* hairline rules */
  --brand-paper: #ffffff;          /* page background and book leaves */
  --brand-surface: #f7f7f7;        /* recessed surfaces (reader scroll) */
  --brand-hover: #f3f3f3;          /* control hover wash */
  --brand-track: #e5e5e5;          /* progress track */
  --brand-shadow: 0, 0, 0;         /* rgb triplet for drop shadows */
  --brand-scrim: rgba(255, 255, 255, 0.96); /* dialog backdrop */
  --brand-veil: rgba(255, 255, 255, 0.86);  /* floating control background */

  /* Typography */
  --brand-font-ui: Arial, system-ui, sans-serif;
  --brand-font-display: var(--brand-font-ui);

  /* Logo slot (brand/logo.svg) */
  --brand-logo-height: 22px;
  --brand-logo-height-large: 34px;
}