/* ============================================
   DATALYSE - CSS Variables Fusion File
   Compatible with Modern Redesign 2026
   ============================================ */

:root {
  /* === SPACING SCALE (Bootstrap compatible) === */
  --spacing-05: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 2rem;

  /* === Z-INDEX SCALE === */
  --zIndex-1: 100;
  --zIndex-2: 200;
  --zIndex-3: 300;
  --zIndex-4: 400;
  --zIndex-5: 500;

  /* === LEGACY FONT SIZE VARIABLES === */
  --font-size-1: 0.75rem;
  --font-size-2: 0.875rem;
  --font-size-3: 1rem;
  --font-size-4: 1.25rem;
  --font-size-5: 1.5rem;
}

/* === LIGHT THEME === */
[data-bs-theme=light]:root {
  /* Falcon Legacy Variables */
  --falcon-popover-bg: #ffffff;
  --falcon-popover-border-color: rgba(0, 0, 0, 0.06);
  --falcon-box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --falcon-card-bg: #ffffff;
  --falcon-light: #f5f7fa;
  --falcon-200: #e5eaef;
  --falcon-input-color: #2a3547;
  --falcon-input-border-color: #dfe5ef;
  --falcon-body-color: #5a6a85;

  /* Core Color Variables */
  --white-color: #ffffff;
  --dark-color: #2a3547;
  --hover-color: #ecf2ff;
  --input-color: #ffffff;
  --brand-color: #5d87ff;
  --error-color: #fa896b;
  --bs-light: #f5f7fa;

  /* Text Colors */
  --text-color: #2a3547;
  --text-secondary-color: #5a6a85;
  --datalyse-text-color: #5a6a85;
  --text-muted-color: #a1aab2;

  /* Background Colors */
  --bg-color: #ffffff;
  --bg-secondary: #f5f7fa;
  --bg-secondary-color: #f5f7fa;
  --bg-tertiary-color: #ecf2ff;
  --datalyse-backgroud-color: #f5f7fa;
  --bs-body-bg: #f5f7fa;

  /* Border Colors */
  --border-color: #e5eaef;
  --border-strong-color: #dfe5ef;

  /* Scroll Colors */
  --scrolldark-color: #c5cdd9;

  /* Sidebar Colors */
  --fondoresaltado-color: #ecf2ff;

  /* Missing variables used across codebase */
  --accent-color: #5a6a85;
  --success-color: #10b981;
  --datalyse-bg-input: #f5f7fa;
  --fondodestaca-color: #ffffff;
  --module-color: #f5f7fa;
  --fondoresaltadoclaro-color: #f0f4ff;
  --falcon-input-bg: #ffffff;
}

/* === DARK THEME === */
[data-bs-theme=dark]:root {
  /* Falcon Legacy Variables */
  --falcon-popover-bg: #2f2f2f;
  --falcon-popover-border-color: rgba(255, 255, 255, 0.08);
  --falcon-box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.15);
  --falcon-card-bg: #212121;
  --falcon-light: #212121;
  --falcon-200: #2f2f2f;
  --falcon-input-color: #ececec;
  --falcon-input-border-color: #3f3f3f;
  --falcon-body-color: #b4b4b4;

  /* Core Color Variables */
  --white-color: #212121;
  --dark-color: #ececec;
  --hover-color: #2f2f2f;
  --input-color: #2f2f2f;
  --brand-color: #ececec;
  --error-color: #f87171;
  --bs-light: #171717;

  /* Text Colors */
  --text-color: #ececec;
  --text-secondary-color: #b4b4b4;
  --datalyse-text-color: #d1d1d1;
  --text-muted-color: #777777;

  /* Background Colors */
  --bg-color: #212121;
  --bg-secondary-color: #171717;
  --bg-tertiary-color: #2f2f2f;
  --datalyse-backgroud-color: #212121;

  /* Border Colors */
  --border-color: #2f2f2f;
  --border-strong-color: #3f3f3f;

  /* Scroll Colors */
  --scrolldark-color: #3f3f3f;

  /* Sidebar Colors */
  --fondoresaltado-color: #2f2f2f;

  /* Missing variables used across codebase */
  --accent-color: #b4b4b4;
  --success-color: #34d399;
  --datalyse-bg-input: #2f2f2f;
  --fondodestaca-color: #212121;
  --module-color: #171717;
  --fondoresaltadoclaro-color: #2f2f2f;
  --falcon-input-bg: #2f2f2f;
}