/* =============================================================================
   Legacy variable aliases — maintained for backward compatibility.
   New code should reference tokens.css. This file remaps the old indigo/slate
   palette and shadow scale to the new control-tower tokens so existing pages
   render with the new look without per-file edits.
   ============================================================================= */

:root {
  /* ---------- INDIGO (primary) ---------- */
  --primary-50:  #EEF0FE;
  --primary-100: #E0E5FB;
  --primary-200: #C7D0F8;
  --primary-300: #A5B0F0;
  --primary-400: #7B83E0;
  --primary-500: #5B5BD6;
  --primary-600: #4F46E5;
  --primary-700: #4338CA;       /* === --brand-primary */
  --primary-800: #3730A3;
  --primary-900: #312E81;

  /* ---------- NEUTRAL — slate ---------- */
  --gray-50:  #F5F7FB;          /* === --bg-canvas */
  --gray-100: #EEF0F4;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #98A2B3;          /* === --text-disabled */
  --gray-500: #667085;          /* === --text-tertiary */
  --gray-600: #475467;          /* === --text-secondary */
  --gray-700: #344054;
  --gray-800: #1D2939;
  --gray-900: #0F172A;          /* === --text-primary */

  /* ---------- SUCCESS ---------- */
  --success-50:  #E8F5EC;
  --success-100: #C6E6CE;
  --success-500: #1F9D4D;
  --success-600: #157F3B;        /* === --state-success */
  --success-700: #0F6B30;

  /* ---------- WARNING ---------- */
  --warning-50:  #FDF1E1;
  --warning-100: #FAE0BC;
  --warning-500: #D97706;
  --warning-600: #B35A00;        /* === --state-warning */

  /* ---------- DANGER ---------- */
  --danger-50:  #FBE9E9;
  --danger-100: #F5C9C9;
  --danger-500: #E04545;
  --danger-600: #C81E1E;         /* === --state-danger */
  --danger-700: #A81818;

  /* ---------- INFO ---------- */
  --info-50:  #E1F0FA;
  --info-100: #C3E0F2;
  --info-500: #0284C7;
  --info-600: #0369A1;           /* === --state-info */

  /* ---------- ACCENT ---------- */
  --accent-500: #7C5CFB;
  --accent-600: #6D4DF0;
  --teal-500:   #14B8A6;
  --teal-600:   #0D9488;

  /* ---------- SURFACES (legacy names) ---------- */
  --bg-primary:    var(--bg-surface, #FFFFFF);
  --bg-secondary:  var(--bg-canvas, #F5F7FB);
  --bg-tertiary:   #EEF0F4;
  --bg-card:       var(--bg-surface, #FFFFFF);
  --bg-card-hover: #FAFBFD;
  --bg-input:      #FFFFFF;
  --bg-modal-overlay: var(--bg-overlay, rgba(15, 23, 42, 0.42));

  /* Sidebar (legacy — new shell uses left-rail) */
  --bg-sidebar:        #FFFFFF;
  --bg-sidebar-flat:   #FFFFFF;
  --bg-sidebar-hover:  rgba(67, 56, 202, 0.08);
  --bg-sidebar-active: rgba(67, 56, 202, 0.12);
  --text-sidebar:        #475467;
  --text-sidebar-active: #4338CA;

  /* ---------- BORDERS (legacy names) ---------- */
  --border-primary:   #E2E8F0;
  --border-secondary: #CBD5E1;

  /* ---------- GRADIENTS ---------- */
  --gradient-primary: var(--gradient-brand);
  --gradient-success: linear-gradient(135deg, #157F3B 0%, #1F9D4D 100%);
  --gradient-warning: linear-gradient(135deg, #B35A00 0%, #D97706 100%);
  --gradient-danger:  linear-gradient(135deg, #C81E1E 0%, #E04545 100%);
  --gradient-info:    linear-gradient(135deg, #0369A1 0%, #1D4ED8 100%);
  --gradient-auth:    linear-gradient(135deg, #1E1B4B 0%, #312E81 30%, #4338CA 60%, #5B5BD6 100%);

  /* ---------- SHADOWS (legacy aliased to new shadow scale) ---------- */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  /* --shadow-sm, --shadow-md, --shadow-lg already provided by tokens.css */
  --shadow-xl: var(--shadow-lg);
  --shadow-glow: var(--shadow-focus);
  --shadow-focus-danger: var(--shadow-danger-glow);
  --shadow-card: var(--shadow-sm);
  --shadow-card-hover: var(--shadow-md);

  /* ---------- LAYOUT (legacy) ---------- */
  --sidebar-width: 256px;
  --sidebar-collapsed-width: 88px;
  --header-height: 72px;
  --border-radius-xs: 6px;
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-xl: 20px;
  --border-radius-2xl: 24px;
  --border-radius-full: 9999px;

  /* ---------- TYPOGRAPHY (legacy aliases → Inter) ---------- */
  --font-family: var(--font-primary);
  --font-mono:   var(--font-mono);
  --font-size-xs:   12px;
  --font-size-sm:   13px;
  --font-size-base: 14px;
  --font-size-lg:   16px;
  --font-size-xl:   18px;
  --font-size-2xl:  24px;
  --font-size-3xl:  32px;
  --font-size-4xl:  36px;

  /* ---------- TRANSITIONS (legacy) ---------- */
  --transition-fast:   var(--motion-hover) var(--motion-ease);
  --transition-base:   var(--motion-fast) var(--motion-ease);
  --transition-slow:   var(--motion-drawer) var(--motion-ease);
  --transition-spring: 320ms var(--motion-spring);

  /* ---------- Z-INDEX (legacy aliases) ---------- */
  /* Only legacy-specific aliases below — do NOT redefine --z-dropdown,
     --z-modal, --z-toast here; they are already set in tokens.css and
     self-references would collapse them to `auto`, making the modal render
     behind the sidebar. */
  --z-sidebar: var(--z-rail);
  --z-header:  var(--z-topnav);
}