/* BLOODPACT — bridge legacy --br-* tokens to UNIKHORNE palette.
   Declared on body.theme-light as well: var() chains resolve where declared,
   so :root-only declarations would freeze the dark values. */
:root, body.theme-light {
  --br-bg: var(--uk-void);
  --br-sf: var(--uk-iron);
  --br-sf2: var(--uk-iron-2);
  --br-sf3: #1a1416;
  --br-bd: var(--uk-scar);
  --br-bd2: var(--uk-gore);
  --br-tx: var(--uk-bone);
  --br-tx-m: var(--uk-ash);
  --br-tx-d: var(--uk-dust);
  --br-tx-vd: #4a3a38;
  --br-red: var(--uk-blood);
  --br-redb: #ff2840;
  --br-cyan: var(--uk-brass);
  --br-amber: var(--uk-brass);
  --br-green: var(--uk-ok);
  --br-purple: #9b72cf;

  /* short legacy tokens used by inline styles in components.jsx/app.jsx */
  --tx: var(--uk-bone);
  --txm: var(--uk-ash);
  --txd: var(--uk-dust);
  --bd: var(--uk-scar);
  --bd2: var(--uk-gore);
  --sf: var(--uk-iron);
  --sf2: var(--uk-iron-2);
  --sf3: #1a1416;
  --blue: var(--uk-brass);
  --green: var(--uk-ok);
}

/* hardcoded hex tokens need explicit light values */
body.theme-light {
  --br-sf3: #e2d8c4;
  --br-tx-vd: #b5a68c;
  --br-redb: #c01824;
  --br-purple: #7a4fb0;
  --sf3: #e2d8c4;
}