/* Compatibility shim: maps project-wildflower.com's original custom property
   names onto generated design-system tokens. Load order:
   dark.css -> light.css -> compat.css -> styles.css.
   --border-10..40 and --border-interactive need no mapping: the token build
   emits those exact names. Retire lines here as styles.css migrates to
   token names directly. */
:root, [data-theme="light"] {
  --black: var(--color-black);
  --white: var(--color-white);
  --dark-gray: var(--color-dark-gray);
  --bg: var(--surface-page);
  --fg: var(--text-primary);
  --panel-08: var(--surface-panel);
  --modal-bg: var(--surface-modal);
  --modal-backdrop: var(--surface-backdrop);
  --modal-backdrop-light: var(--surface-backdrop-light);
  --grid-line: var(--border-grid-line);
  --tree-bg: var(--surface-aside);
  --tree-sub: var(--text-secondary);
  --tree-note: var(--text-secondary);
  --header-scrim: var(--surface-scrim);
}