/* Legacy variable aliases → Metronic tokens.
   Re-points every --cx-* (cyticx-theme) and --lt-* (leadtrack-theme) variable to the
   Metronic semantic tokens so all 49 custom blades + custom JS adopt the new palette
   with zero markup changes. Loaded AFTER cyticx-theme.css / leadtrack-theme.css so
   these definitions win. Delete alongside the legacy files at end of re-theme. */

:root, .dark {
  /* ---- cyticx-theme (--cx-*) ---- */
  --cx-bg: var(--background);
  --cx-card: var(--card);
  --cx-card-2: var(--muted);
  --cx-card-3: var(--accent);
  --cx-border: var(--border);
  --cx-border-2: var(--input);
  --cx-text: var(--foreground);
  --cx-text-dim: var(--muted-foreground);
  --cx-text-mute: var(--muted-foreground);
  --cx-text-faint: var(--muted-foreground);
  --cx-primary: var(--primary);
  --cx-primary-2: var(--color-blue-700);
  --cx-accent: var(--color-green-500);
  --cx-success: var(--color-green-500);
  --cx-warning: var(--color-yellow-500);
  --cx-danger: var(--destructive);
  --cx-mono: var(--mono);
}

.lt-embed, :root {
  /* ---- leadtrack-theme (--lt-*) ---- */
  --lt-surface-0: var(--background);
  --lt-surface-1: var(--card);
  --lt-surface-2: var(--muted);
  --lt-border: var(--border);
  --lt-border-soft: var(--border);
  --lt-text: var(--foreground);
  --lt-text-soft: var(--muted-foreground);
  --lt-muted: var(--muted-foreground);
  --lt-muted-2: var(--muted-foreground);
  --lt-primary: var(--primary);
  --lt-primary-hover: var(--color-blue-700);
  --lt-primary-soft: color-mix(in oklab, var(--primary) 15%, transparent);
  --lt-success: var(--color-green-500);
  --lt-warning: var(--color-yellow-500);
  --lt-danger: var(--destructive);
  --lt-purple: var(--color-violet-500);
  --lt-teal: var(--color-green-600);
  --lt-focus-ring: color-mix(in oklab, var(--primary) 35%, transparent);
  --lt-radius: var(--radius);
  --lt-radius-pill: 9999px;
  --lt-shadow-card: 0 1px 2px 0 rgb(0 0 0 / 0.30);
  --lt-shadow-popout: 0 10px 30px rgb(0 0 0 / 0.45);
}