/*
 * LeadMachine Unified Design Tokens
 * ===================================
 * Single source of truth for all --lm-* CSS variables.
 * Dark theme values are the default. Load this file between app.css and custom.css.
 */

:root,
[data-bs-theme="dark"] {
  /* === Bootstrap Variable Overrides (dark theme) === */
  --bs-secondary-color: #94a3b8;
  --bs-secondary-color-rgb: 148, 163, 184;
  --bs-body-color: #f1f5f9;
  --bs-body-color-rgb: 241, 245, 249;

  /* === Backgrounds === */
  --lm-bg-deep: #000000;
  --lm-bg-surface: #0a0a0a;
  --lm-bg-card: rgba(10, 10, 10, 0.85);
  --lm-bg-card-hover: rgba(18, 18, 18, 0.9);
  --lm-bg-elevated: #1c1c1e;
  --lm-bg-input: #2c2c2e;
  --lm-bg-input-hover: #3a3a3c;
  --lm-bg-toast: rgba(28, 28, 30, 0.95);

  /* === Glass / Overlays === */
  --lm-glass: rgba(255, 255, 255, 0.03);
  --lm-glass-highlight: rgba(255, 255, 255, 0.05);
  --lm-glass-border: rgba(255, 255, 255, 0.08);
  --lm-glass-border-hover: rgba(255, 255, 255, 0.12);
  --lm-glass-border-active: rgba(255, 255, 255, 0.15);
  --lm-overlay: rgba(0, 0, 0, 0.5);

  /* === Text === */
  --lm-text-primary: #f1f5f9;
  --lm-text-secondary: #94a3b8;
  --lm-text-muted: #64748b;
  --lm-text-placeholder: #636366;
  --lm-text-inverted: #000000;

  /* === Accent Primary (Cyan) === */
  --lm-accent: #22d3ee;
  --lm-accent-dark: #06b6d4;
  --lm-accent-light: #67e8f9;
  --lm-accent-soft: rgba(34, 211, 238, 0.15);
  --lm-accent-border: rgba(34, 211, 238, 0.3);

  /* === Accent Secondary (Purple) === */
  --lm-accent-2: #a78bfa;
  --lm-accent-2-dark: #8b5cf6;
  --lm-accent-2-soft: rgba(167, 139, 250, 0.15);
  --lm-accent-2-border: rgba(167, 139, 250, 0.3);

  /* === Semantic Colors === */
  --lm-success: #22c55e;
  --lm-success-soft: rgba(34, 197, 94, 0.1);
  --lm-success-border: rgba(34, 197, 94, 0.3);
  --lm-success-text: #86efac;

  --lm-danger: #ef4444;
  --lm-danger-soft: rgba(239, 68, 68, 0.1);
  --lm-danger-border: rgba(239, 68, 68, 0.3);
  --lm-danger-text: #fca5a5;

  --lm-warning: #fbbf24;
  --lm-warning-soft: rgba(251, 191, 36, 0.15);
  --lm-warning-border: rgba(251, 191, 36, 0.3);

  --lm-info: #22d3ee;
  --lm-info-soft: rgba(34, 211, 238, 0.1);

  /* === Shadows === */
  --lm-shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --lm-shadow-elevated: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  --lm-shadow-dropdown: 0 20px 50px rgba(0, 0, 0, 0.5);
  --lm-shadow-panel: -10px 0 40px rgba(0, 0, 0, 0.5);
  --lm-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --lm-glow-primary: 0 0 30px rgba(34, 211, 238, 0.2);
  --lm-glow-secondary: 0 0 30px rgba(167, 139, 250, 0.15);
  --lm-ring-focus: 0 0 0 3px rgba(34, 211, 238, 0.15);

  /* === Blur === */
  --lm-blur-card: blur(20px);
  --lm-blur-overlay: blur(4px);

  /* === Radius === */
  --lm-radius-sm: 8px;
  --lm-radius-md: 10px;
  --lm-radius-lg: 12px;
  --lm-radius-xl: 16px;
  --lm-radius-2xl: 20px;
  --lm-radius-3xl: 24px;
  --lm-radius-full: 9999px;

  /* === Transitions === */
  --lm-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --lm-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);

  /* === Typography === */
  --lm-font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --lm-font-mono: 'SF Mono', Monaco, 'Cascadia Code', monospace;

  /* === Gradients === */
  --lm-gradient-accent: linear-gradient(135deg, var(--lm-accent), var(--lm-accent-2));
  --lm-gradient-bg: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(34, 211, 238, 0.08), transparent),
                     radial-gradient(ellipse 60% 40% at 80% 60%, rgba(167, 139, 250, 0.05), transparent),
                     #000000;

  /* === Component-Specific === */
  --lm-border-input: #48484a;

  /* === Bright Success (neon connected green, used in integrations) === */
  --lm-success-bright: #00ff88;
  --lm-success-bright-soft: rgba(0, 255, 136, 0.2);
  --lm-success-bright-border: rgba(0, 255, 136, 0.3);

  /* === Bootstrap Bridges (neutralize AdminKit light theme) === */
  --bs-body-bg: #000000;
  --bs-body-color: #f1f5f9;
  --bs-secondary-bg: #1c1c1e;
  --bs-tertiary-bg: #2c2c2e;
  --bs-emphasis-color: #f1f5f9;
  --bs-border-color: rgba(255, 255, 255, 0.08);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.08);
  --bs-link-color: #22d3ee;
  --bs-link-hover-color: #67e8f9;
  --bs-heading-color: #f1f5f9;

  /* Component backgrounds */
  --bs-card-bg: rgba(10, 10, 10, 0.85);
  --bs-card-color: #f1f5f9;
  --bs-card-border-color: rgba(255, 255, 255, 0.08);
  --bs-card-cap-bg: rgba(10, 10, 10, 0.85);
  --bs-modal-bg: #1c1c1e;
  --bs-modal-color: #f1f5f9;
  --bs-modal-border-color: rgba(255, 255, 255, 0.08);
  --bs-dropdown-bg: #1c1c1e;
  --bs-dropdown-color: #f1f5f9;
  --bs-dropdown-border-color: rgba(255, 255, 255, 0.08);
  --bs-dropdown-link-color: #f1f5f9;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.05);
  --bs-dropdown-link-hover-color: #f1f5f9;

  /* Form controls */
  --bs-form-control-bg: #2c2c2e;
  --bs-form-control-color: #f1f5f9;
  --bs-form-control-border-color: #48484a;
  --bs-form-control-disabled-bg: #1c1c1e;
  --bs-input-bg: #2c2c2e;
  --bs-input-color: #f1f5f9;
  --bs-input-border-color: #48484a;

  /* List groups & tables */
  --bs-list-group-bg: transparent;
  --bs-list-group-color: #f1f5f9;
  --bs-list-group-border-color: rgba(255, 255, 255, 0.08);
  --bs-list-group-hover-bg: rgba(255, 255, 255, 0.05);
  --bs-list-group-action-hover-color: #f1f5f9;
  --bs-table-bg: transparent;
  --bs-table-color: #f1f5f9;
  --bs-table-border-color: rgba(255, 255, 255, 0.08);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-bg: rgba(255, 255, 255, 0.05);

  /* Nav / Tabs */
  --bs-nav-link-color: #94a3b8;
  --bs-nav-link-hover-color: #f1f5f9;
  --bs-nav-tabs-border-color: rgba(255, 255, 255, 0.08);
  --bs-nav-tabs-link-active-bg: transparent;
  --bs-nav-tabs-link-active-color: #22d3ee;
  --bs-nav-tabs-link-active-border-color: rgba(255, 255, 255, 0.08);

  /* Alerts */
  --bs-alert-bg: rgba(10, 10, 10, 0.85);
  --bs-alert-color: #f1f5f9;
  --bs-alert-border-color: rgba(255, 255, 255, 0.08);
}