:root {
  /* ── Spacing scale (4px base unit) ── */
  --space-xs:   4px;   /* Icon gap, inner tag/badge padding */
  --space-sm:   8px;   /* List item gap, chip gap, tight row gap */
  --space-md:   16px;  /* Card internal padding, standard row gap */
  --space-lg:   24px;  /* Section internal padding, block gap */
  --space-xl:   40px;  /* Page margin / gutter */
  --space-2xl:  64px;  /* Cover block top padding, hero spacing */

  /* ── Border radius ── */
  --radius-xs:    4px;
  --radius-sm:    6px;
  --radius-md:    10px;
  --radius-lg:    12px;
  --radius-full:  9999px;

  /* ── Card ── */
  --card-padding:  var(--space-md);
  --card-radius:   var(--radius-md);
  --card-border:   0.5px solid var(--c-border);
  --card-shadow:   0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);

  /* ── Accent rule (document header separator) ── */
  --accent-rule-height:  3px;
  --accent-rule-color:   var(--c-ember);

  /* ── Document header ── */
  --doc-header-padding-x:  var(--space-xl);
  --doc-header-padding-y:  var(--space-lg);
}