/* rr docs brand tokens - generated by scripts/build-brand.py from public/brand/icon.svg. Pages use these
   variables and classes only; do not write the colours or file names anywhere else. */
:root, [data-theme="light"] {
  --rr-brand-bg: #0f172a;      /* icon tile */
  --rr-brand-fg: #ffffff;      /* icon mark */
  --rr-brand-accent: #14b8a6;  /* icon dot */
  --rr-icon: url("/brand/icon.svg");
  --rr-wordmark: url("/brand/wordmark-light.svg");
  --rr-wordmark-ratio: 192.87 / 64;
}
[data-theme="dark"] {
  --rr-wordmark: url("/brand/wordmark-dark.svg");
}
.rr-wordmark { display: inline-block; flex: none; height: var(--rr-wordmark-h, 20px); aspect-ratio: var(--rr-wordmark-ratio); background: var(--rr-wordmark) left center / contain no-repeat; }
.rr-icon { display: inline-block; flex: none; width: var(--rr-icon-size, 20px); aspect-ratio: 1; background: var(--rr-icon) center / contain no-repeat; }