/* ============================================
   DATALYSE - CSS Variables Fusion File
   Modern Redesign 2026 — ElevenLabs inspired
   ============================================ */

: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;

  /* === FONT SIZE VARIABLES === */
  --font-size-1: 0.75rem;
  --font-size-2: 0.8125rem;
  --font-size-3: 0.9375rem;
  --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.04);
  --falcon-card-bg: #ffffff;
  --falcon-light: #fafafa;
  --falcon-200: #ebebeb;
  --falcon-input-color: #1a1a1a;
  --falcon-input-border-color: #e0e0e0;
  --falcon-body-color: #666666;

  /* Core Color Variables */
  --white-color: #ffffff;
  --dark-color: #1a1a1a;
  --hover-color: #f5f5f5;
  --input-color: #ffffff;
  --brand-color: #2563eb;
  --brand-color-hover: #1d4ed8;
  --error-color: #ef4444;
  --bs-light: #fafafa;

  /* Text Colors */
  --text-color: #1a1a1a;
  --text-secondary-color: #666666;
  --datalyse-text-color: #666666;
  --text-muted-color: #999999;

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

  /* Border Colors */
  --border-color: #e5e5e5;
  --border-strong-color: #d4d4d4;

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

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

  /* Accent & State Colors */
  --accent-color: #666666;
  --success-color: #10b981;
  --datalyse-bg-input: #fafafa;
  --fondodestaca-color: #ffffff;
  --module-color: #fafafa;
  --fondoresaltadoclaro-color: #f5f5f5;
  --falcon-input-bg: #ffffff;

  /* Shadows — minimal, clean */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* === DARK THEME === */
[data-bs-theme=dark]:root {
  /* Falcon Legacy Variables */
  --falcon-popover-bg: #1a1a1a;
  --falcon-popover-border-color: rgba(255, 255, 255, 0.06);
  --falcon-box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.2);
  --falcon-card-bg: #1a1a1a;
  --falcon-light: #141414;
  --falcon-200: #262626;
  --falcon-input-color: #e5e5e5;
  --falcon-input-border-color: #333333;
  --falcon-body-color: #a0a0a0;

  /* Core Color Variables */
  --white-color: #1a1a1a;
  --dark-color: #e5e5e5;
  --hover-color: #262626;
  --input-color: #1e1e1e;
  --brand-color: #3b82f6;
  --brand-color-hover: #60a5fa;
  --error-color: #f87171;
  --bs-light: #141414;

  /* Text Colors */
  --text-color: #e5e5e5;
  --text-secondary-color: #a0a0a0;
  --datalyse-text-color: #b0b0b0;
  --text-muted-color: #666666;

  /* Background Colors */
  --bg-color: #141414;
  --bg-secondary-color: #0f0f0f;
  --bg-tertiary-color: #1e1e1e;
  --datalyse-backgroud-color: #141414;

  /* Border Colors */
  --border-color: #262626;
  --border-strong-color: #333333;

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

  /* Sidebar Colors */
  --fondoresaltado-color: #1e1e1e;

  /* Accent & State Colors */
  --accent-color: #a0a0a0;
  --success-color: #34d399;
  --datalyse-bg-input: #1e1e1e;
  --fondodestaca-color: #1a1a1a;
  --module-color: #0f0f0f;
  --fondoresaltadoclaro-color: #1e1e1e;
  --falcon-input-bg: #303030;

  /* Shadows — deeper for dark */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.5);
}