/* Record tabs + site context: the token layer for the NEW components (record strip, site band / quote site
   panel, site, customer and asset pages, their popovers, toasts and banners).

   Source of values: design-tokens.css (--ds-*, the locked A13-navy set, DECISIONS.md D1-D23; standard
   docs/design-system/README.md). That file must be linked FIRST in index.html (standard section 10.3); this
   file is linked right after it. It declares no literals (check-ui --strict passes) and nothing global:
   - every rule is scoped under .rt, the class each new component root carries;
   - the few record-specific semantic tokens are --rt-*, declared only on .rt, each an alias of a --ds-* token.
   The console's existing variables (--ink, --line, --f, ...) are never read or redefined here.
   Fonts: design-tokens.css already declares Inter 400/500/600 and Saira Semi Condensed 600 from fonts/. */

.rt {
  /* record strip (D18, D22a) */
  --rt-strip-bg:     var(--ds-strip);
  --rt-strip-h:      var(--ds-rec-h);
  --rt-tab-h:        var(--ds-rtab-h);
  --rt-tab-fg:       var(--ds-chrome-dim);
  --rt-tab-fg-on:    var(--ds-chrome-fg);
  --rt-tab-line:     var(--ds-chrome-line);
  --rt-dirty:        var(--ds-chrome-dirty);
  /* site band / quote site panel */
  --rt-band-bg:      var(--ds-wash);
  --rt-band-rule:    var(--ds-line);
  /* banners: refreshed (neutral, D16) and save-held (warn) */
  --rt-banner-bg:    var(--ds-tint);
  --rt-banner-warn:  var(--ds-warn-soft);
  /* line changed by another editor (f8): fill + left rule */
  --rt-changed-bg:   var(--ds-tint);
  --rt-changed-rule: var(--ds-warn);
  /* "billed elsewhere" note on the customer page (f7) */
  --rt-moved-ink:    var(--ds-warn-ink);

  font-family: var(--ds-font);
  font-feature-settings: var(--ds-features);
  font-variant-numeric: var(--ds-nums);
  color: var(--ds-ink);
}
.rt *, .rt *::before, .rt *::after { box-sizing: border-box; }