/* Raya — app-level tokens.
   NOT part of the Fraga DEV design-system token files (those four are copied
   verbatim from design-reference/_ds/tokens/). These extend them with values
   the prototype defines inline:
   - inverse-surface balance colors: design-reference/Raya.dc.html (balanceColor
     on the current-period / balance cards uses #8ee6ac / #ff9b93 literals)
   - sidebar metrics: the shell's expanded/collapsed widths. */

:root {
  --positive-on-inverse: #8ee6ac;
  --negative-on-inverse: #ff9b93;
  /* Selected-choice surface (pay-cycle cards); dark.css overrides it. */
  --sel-active-bg: var(--purple-100);
  /* Current-period ("HOY") card surface; dark.css swaps it for a brighter gradient. */
  --period-current-bg: var(--ink-900);
  --sidebar-width: 248px;
  --sidebar-width-collapsed: 76px;
}