/* ═══════════════════════════════════════════════════════════════
   RELATIVE-TIME-UI — Auto-updating relative timestamp display.
   ═══════════════════════════════════════════════════════════════ */

@scope (relative-time-ui) {
  :where(:scope) {
    --relative-time-fg: var(--a-fg-muted);
    --relative-time-font: inherit;
    --relative-time-size: inherit;
  }

  :scope {
    /* Inline display so it sits inline with prose / inside a row.
       Overridable via the standard size-attr CSS or by setting display
       directly. */
    display: inline;
    color: var(--relative-time-fg);
    font-family: var(--relative-time-font);
    font-size: var(--relative-time-size);
    font-variant-numeric: tabular-nums;
  }
}
