/* Puente unidireccional para módulos que aún leen nombres anteriores.
   Se carga después de redesign.css. --color-* nunca depende de estas variables. */
body.app-redesign {
  --primary: var(--color-primary);
  --primary-hover: var(--color-primary-hover);
  --primary-gradient: var(--color-primary-gradient);
  --bg-main: var(--color-background);
  --bg-card: var(--color-surface);
  --bg-card-elevated: var(--color-surface-raised);
  --bg-card-hover: var(--color-surface-hover);
  --bg-input: var(--color-input);
  --text-main: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-muted);
  --border-color: var(--color-border);
  --accent-gold: var(--color-accent);
  --accent-cash: var(--color-success);
  --shadow-sm: var(--elevation-sm);
  --shadow-md: var(--elevation-md);
  --shadow-lg: var(--elevation-lg);
}

body:not(.dark-mode).app-redesign {
  --primary: var(--color-primary);
  --primary-hover: var(--color-primary-hover);
  --primary-gradient: var(--color-primary-gradient);
  --bg-main: var(--color-background);
  --bg-card: var(--color-surface);
  --bg-card-elevated: var(--color-surface-raised);
  --bg-card-hover: var(--color-surface-hover);
  --bg-input: var(--color-input);
  --text-main: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-muted);
  --border-color: var(--color-border);
  --accent-gold: var(--color-accent);
  --accent-cash: var(--color-success);
  --shadow-sm: var(--elevation-sm);
  --shadow-md: var(--elevation-md);
  --shadow-lg: var(--elevation-lg);
}