/* ============================================================
   Legacy → new token bridge.
   Lets existing CSS (styles.css, landing.css, dashboard-styles.css,
   onboarding-styles.css, signup-styles.css, admin-panel-styles.css)
   render against the NEW palette without each file being rewritten yet.

   Loaded on: platform surfaces, AFTER tokens.css.
   NOT loaded on the storefront.

   Lifecycle:
     - Created in Phase 1.
     - Phase 4a-4c rewrites old CSS files against the canonical semantic
       aliases (--color-*).
     - Deleted in Phase 5 once nothing references the legacy names anymore.

   If you add a new legacy alias here, leave a note about which file still
   needs it so we can clean up later.
   ============================================================ */

:root {
  /* Color — legacy primary scale → semantic teal */
  --primary:         var(--color-primary);
  --primary-dark:    var(--color-primary-active);
  --primary-light:   var(--teal-400);
  --primary-lighter: var(--teal-300);
  --primary-bg:      var(--color-primary-tint);

  /* Color — legacy accent / secondary → semantic amber */
  --secondary:      var(--color-accent);
  --secondary-dark: var(--amber-500);
  --accent:         var(--color-accent);
  --accent-light:   var(--amber-300);

  /* Color — semantic (already match; declared for clarity) */
  /* --success, --warning, --danger come straight from tokens.css */

  /* Backgrounds / surfaces */
  --bg:            var(--color-bg);
  --bg-alt:        var(--color-bg-subtle);
  --bg-card:       var(--color-surface);
  --bg-card-light: var(--color-bg-subtle);
  --surface:       var(--color-surface);
  --surface-alt:   var(--color-bg-subtle);

  /* Text */
  --text:           var(--color-text);
  --text-secondary: var(--color-text-secondary);
  --text-muted:     var(--color-text-muted);

  /* Borders */
  --border:       var(--color-border);
  --border-light: var(--color-bg-muted);

  /* Misc legacy names */
  --white:      var(--neutral-0);
  --dark:       var(--color-text);
  --gray-light: var(--color-text-secondary);

  /* Legacy radius — old scale had different breakpoints; map to closest new */
  --radius-2xl: var(--radius-xl);

  /* Legacy transitions */
  --transition:      var(--dur-base) var(--ease-standard);
  --transition-slow: var(--dur-slow) var(--ease-standard);

  /* Legacy glow effects (used by old hero/CTA) — map to nothing visible.
     The new design system avoids neon/glow. */
  --glow-primary:        0 0 0 0 transparent;
  --glow-accent:         0 0 0 0 transparent;
  --glow-accent-strong:  0 0 0 0 transparent;

  /* Legacy dark-bg tokens — old marketing used a dark hero. Map to new dark surface. */
  --dark-bg:      #0E1B1A;
  --dark-surface: #14211F;
  --dark-border:  rgba(255,255,255,.08);
}