/**
 * css/stitch-compat.css
 * Document No: Phase-STITCH-MERGE-01
 * Legacy --ux-* Compatibility Layer
 * Map --ux-* CSS variables to --stitch-* design tokens to ensure backwards compatibility.
 */

:root {
  /* === Legacy --ux-* Alias Layer (Compatibility Layer) === */
  --ux-color-primary: var(--stitch-color-primary);
  --ux-color-primary-dark: var(--stitch-color-primary-dark);
  --ux-color-secondary: var(--stitch-color-secondary);
  --ux-color-warning: var(--stitch-color-accent);
  --ux-color-accent: var(--stitch-color-accent);
  --ux-color-success: var(--stitch-color-secondary);
  --ux-color-dark: var(--stitch-color-text-main);
  --ux-color-muted: var(--stitch-color-text-sub);
  --ux-color-light: var(--stitch-color-surface);
  --ux-color-border: var(--stitch-color-border);
  --ux-color-card-bg: var(--stitch-color-surface-card);

  --ux-radius-sm: var(--stitch-radius-sm);
  --ux-radius-md: var(--stitch-radius-md);
  --ux-radius-lg: var(--stitch-radius-lg);
  --ux-radius-full: var(--stitch-radius-full);

  --ux-shadow-sm: var(--stitch-shadow-sm);
  --ux-shadow-md: var(--stitch-shadow-md);
  --ux-shadow-lg: var(--stitch-shadow-lg);

  --ux-font-family: var(--stitch-font-family);
}