/* compat.css — bridge legacy CSS variables to new bohcay tokens */
:root {
  /* Map legacy variable names used across templates to the new tokens */
  --background-color: var(--color-bg);
  --surface-color: var(--color-surface);
  --border-color: var(--color-border);
  --text-color: var(--color-text);
  --text-secondary: var(--color-text-muted);
  --primary-color: var(--color-primary);
  --secondary-color: var(--color-info);
  --accent-color: var(--color-primary-600);
  --neutral-color: var(--color-surface-muted);
  --error-color: var(--color-danger);

  /* Legacy spacing & radii fallbacks */
  --border-radius: var(--radius-md);
  --container-max-width: 80rem; /* ~1280px */
  --header-height: 64px;
}