/* ===================================================================
   EasyAppDev AutoComplete - All Themes (Static Bundle)

   This file includes all theme presets to eliminate dynamic loading
   and prevent caching/compilation issues.

   Themes are activated via CSS classes (no JavaScript required):
   - Apply `.ebd-ac-theme-preset-{name}` to activate a theme
   - Apply `.ebd-ac-theme-dark` for explicit dark mode
   - Apply `.ebd-ac-theme-auto` for system preference dark mode
   - Apply `.ebd-ac-theme-light` to force light mode
   =================================================================== */

/* ===================================================================
   Material Design 3 Theme
   =================================================================== */

.ebd-ac-theme-preset-material {
  /* Colors */
  --ebd-ac-primary: #6200EE;
  --ebd-ac-bg: #FFFFFF;
  --ebd-ac-text: #1C1B1F;
  --ebd-ac-text-secondary: #49454F;
  --ebd-ac-border: #79747E;
  --ebd-ac-border-focus: var(--ebd-ac-primary);
  --ebd-ac-hover: #F7F2FA;
  --ebd-ac-selected: #EAD9FF;
  --ebd-ac-selected-text: #4A148C;
  --ebd-ac-disabled: #C4C7C5;
  --ebd-ac-error: #B3261E;
  --ebd-ac-shadow: rgba(0, 0, 0, 0.15);

  /* Spacing (4dp grid) */
  --ebd-ac-border-radius: 4px;
  --ebd-ac-dropdown-gap: 4px;
  --ebd-ac-dropdown-max-height: 300px;
  --ebd-ac-list-padding: 8px 0;
  --ebd-ac-group-padding: 8px 16px;
  --ebd-ac-icon-size: 20px;

  /* Typography */
  --ebd-ac-font-family: Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
  --ebd-ac-line-height: 1.5;
  --ebd-ac-font-weight: 400;
  --ebd-ac-group-font-size: 11px;
  --ebd-ac-letter-spacing: 0.5px;

  /* Effects */
  --ebd-ac-focus-shadow: 0 0 0 3px rgba(98, 0, 238, 0.12);
  --ebd-ac-dropdown-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.08);
  --ebd-ac-transition-duration: 200ms;
  --ebd-ac-transition-timing: cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* Material - Explicit dark mode */
.ebd-ac-theme-preset-material.ebd-ac-theme-dark {
  --ebd-ac-primary: #D0BCFF;
  --ebd-ac-bg: #1C1B1F;
  --ebd-ac-text: #E6E1E5;
  --ebd-ac-text-secondary: #CAC4D0;
  --ebd-ac-border: #938F99;
  --ebd-ac-border-focus: var(--ebd-ac-primary);
  --ebd-ac-hover: #322F35;
  --ebd-ac-selected: #4A148C;
  --ebd-ac-selected-text: #D0BCFF;
  --ebd-ac-disabled: #49454F;
  --ebd-ac-error: #F2B8B5;
  --ebd-ac-shadow: rgba(0, 0, 0, 0.3);
}

/* Material - Auto dark mode (system preference) */
@media (prefers-color-scheme: dark) {
  .ebd-ac-theme-preset-material.ebd-ac-theme-auto {
    --ebd-ac-primary: #D0BCFF;
    --ebd-ac-bg: #1C1B1F;
    --ebd-ac-text: #E6E1E5;
    --ebd-ac-text-secondary: #CAC4D0;
    --ebd-ac-border: #938F99;
    --ebd-ac-border-focus: var(--ebd-ac-primary);
    --ebd-ac-hover: #322F35;
    --ebd-ac-selected: #4A148C;
    --ebd-ac-selected-text: #D0BCFF;
    --ebd-ac-disabled: #49454F;
    --ebd-ac-error: #F2B8B5;
    --ebd-ac-shadow: rgba(0, 0, 0, 0.3);
  }
}

/* ===================================================================
   Microsoft Fluent Design Theme
   =================================================================== */

.ebd-ac-theme-preset-fluent {
  /* Colors */
  --ebd-ac-primary: #0078D4;
  --ebd-ac-bg: #FFFFFF;
  --ebd-ac-text: #323130;
  --ebd-ac-text-secondary: #605E5C;
  --ebd-ac-border: #D1D1D1;
  --ebd-ac-border-focus: var(--ebd-ac-primary);
  --ebd-ac-hover: #F3F2F1;
  --ebd-ac-selected: #DEECF9;
  --ebd-ac-selected-text: #004578;
  --ebd-ac-disabled: #A19F9D;
  --ebd-ac-error: #D13438;
  --ebd-ac-shadow: rgba(0, 0, 0, 0.1);

  /* Spacing (8px grid) */
  --ebd-ac-border-radius: 2px;
  --ebd-ac-dropdown-gap: 4px;
  --ebd-ac-dropdown-max-height: 300px;
  --ebd-ac-list-padding: 4px 0;
  --ebd-ac-group-padding: 8px 12px;
  --ebd-ac-icon-size: 16px;

  /* Typography */
  --ebd-ac-font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --ebd-ac-line-height: 20px;
  --ebd-ac-font-weight: 400;
  --ebd-ac-group-font-size: 12px;
  --ebd-ac-letter-spacing: normal;

  /* Effects */
  --ebd-ac-focus-shadow: 0 0 0 2px rgba(0, 120, 212, 0.4);
  --ebd-ac-dropdown-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  --ebd-ac-transition-duration: 300ms;
  --ebd-ac-transition-timing: cubic-bezier(0.1, 0.9, 0.2, 1);
}

/* Fluent - Explicit dark mode */
.ebd-ac-theme-preset-fluent.ebd-ac-theme-dark {
  --ebd-ac-primary: #60CDFF;
  --ebd-ac-bg: #1F1F1F;
  --ebd-ac-text: #FFFFFF;
  --ebd-ac-text-secondary: #C8C8C8;
  --ebd-ac-border: #757575;
  --ebd-ac-border-focus: #60CDFF;
  --ebd-ac-hover: #2B2B2B;
  --ebd-ac-selected: #005A9E;
  --ebd-ac-selected-text: #60CDFF;
  --ebd-ac-disabled: #757575;
  --ebd-ac-error: #F1707B;
  --ebd-ac-shadow: rgba(0, 0, 0, 0.3);
  --ebd-ac-focus-shadow: 0 0 0 2px rgba(96, 205, 255, 0.5);
  --ebd-ac-dropdown-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Fluent - Auto dark mode (system preference) */
@media (prefers-color-scheme: dark) {
  .ebd-ac-theme-preset-fluent.ebd-ac-theme-auto {
    --ebd-ac-primary: #60CDFF;
    --ebd-ac-bg: #1F1F1F;
    --ebd-ac-text: #FFFFFF;
    --ebd-ac-text-secondary: #C8C8C8;
    --ebd-ac-border: #757575;
    --ebd-ac-border-focus: #60CDFF;
    --ebd-ac-hover: #2B2B2B;
    --ebd-ac-selected: #005A9E;
    --ebd-ac-selected-text: #60CDFF;
    --ebd-ac-disabled: #757575;
    --ebd-ac-error: #F1707B;
    --ebd-ac-shadow: rgba(0, 0, 0, 0.3);
    --ebd-ac-focus-shadow: 0 0 0 2px rgba(96, 205, 255, 0.5);
    --ebd-ac-dropdown-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  }
}

/* ===================================================================
   Modern/Minimal Theme
   =================================================================== */

.ebd-ac-theme-preset-modern {
  /* Colors - Neutral palette */
  --ebd-ac-primary: #2563EB;
  --ebd-ac-bg: #FFFFFF;
  --ebd-ac-text: #111827;
  --ebd-ac-text-secondary: #6B7280;
  --ebd-ac-border: #E5E7EB;
  --ebd-ac-border-focus: var(--ebd-ac-primary);
  --ebd-ac-hover: #F9FAFB;
  --ebd-ac-selected: #EFF6FF;
  --ebd-ac-selected-text: #1E40AF;
  --ebd-ac-disabled: #9CA3AF;
  --ebd-ac-error: #DC2626;
  --ebd-ac-shadow: rgba(0, 0, 0, 0);

  /* Spacing */
  --ebd-ac-border-radius: 2px;
  --ebd-ac-dropdown-gap: 4px;
  --ebd-ac-dropdown-max-height: 300px;
  --ebd-ac-list-padding: 4px 0;
  --ebd-ac-group-padding: 8px 12px;
  --ebd-ac-icon-size: 18px;

  /* Typography */
  --ebd-ac-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ebd-ac-line-height: 1.5;
  --ebd-ac-font-weight: 400;
  --ebd-ac-group-font-size: 12px;
  --ebd-ac-letter-spacing: normal;

  /* Effects - Minimal, fast */
  --ebd-ac-focus-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
  --ebd-ac-dropdown-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --ebd-ac-transition-duration: 150ms;
  --ebd-ac-transition-timing: ease-out;
}

/* Modern - Explicit dark mode */
.ebd-ac-theme-preset-modern.ebd-ac-theme-dark {
  --ebd-ac-primary: #60A5FA;
  --ebd-ac-bg: #111827;
  --ebd-ac-text: #F9FAFB;
  --ebd-ac-text-secondary: #9CA3AF;
  --ebd-ac-border: #374151;
  --ebd-ac-border-focus: #60A5FA;
  --ebd-ac-hover: #1F2937;
  --ebd-ac-selected: #1E3A8A;
  --ebd-ac-selected-text: #93C5FD;
  --ebd-ac-disabled: #6B7280;
  --ebd-ac-error: #F87171;
  --ebd-ac-shadow: rgba(0, 0, 0, 0.3);
  --ebd-ac-focus-shadow: 0 0 0 2px rgba(96, 165, 250, 0.3);
  --ebd-ac-dropdown-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Modern - Auto dark mode (system preference) */
@media (prefers-color-scheme: dark) {
  .ebd-ac-theme-preset-modern.ebd-ac-theme-auto {
    --ebd-ac-primary: #60A5FA;
    --ebd-ac-bg: #111827;
    --ebd-ac-text: #F9FAFB;
    --ebd-ac-text-secondary: #9CA3AF;
    --ebd-ac-border: #374151;
    --ebd-ac-border-focus: #60A5FA;
    --ebd-ac-hover: #1F2937;
    --ebd-ac-selected: #1E3A8A;
    --ebd-ac-selected-text: #93C5FD;
    --ebd-ac-disabled: #6B7280;
    --ebd-ac-error: #F87171;
    --ebd-ac-shadow: rgba(0, 0, 0, 0.3);
    --ebd-ac-focus-shadow: 0 0 0 2px rgba(96, 165, 250, 0.3);
    --ebd-ac-dropdown-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
}

/* ===================================================================
   Bootstrap 5 Theme
   =================================================================== */

.ebd-ac-theme-preset-bootstrap {
  /* Colors - Bootstrap palette */
  --ebd-ac-primary: #0D6EFD;
  --ebd-ac-bg: #FFFFFF;
  --ebd-ac-text: #212529;
  --ebd-ac-text-secondary: #6C757D;
  --ebd-ac-border: #CED4DA;
  --ebd-ac-border-focus: var(--ebd-ac-primary);
  --ebd-ac-hover: #F8F9FA;
  --ebd-ac-selected: #CFE2FF;
  --ebd-ac-selected-text: #084298;
  --ebd-ac-disabled: #6C757D;
  --ebd-ac-error: #DC3545;
  --ebd-ac-shadow: rgba(0, 0, 0, 0.15);

  /* Spacing */
  --ebd-ac-border-radius: 0.375rem;
  --ebd-ac-dropdown-gap: 0.25rem;
  --ebd-ac-dropdown-max-height: 18.75rem;
  --ebd-ac-list-padding: 0.5rem 0;
  --ebd-ac-group-padding: 0.5rem 0.75rem;
  --ebd-ac-icon-size: 1.25rem;

  /* Typography */
  --ebd-ac-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ebd-ac-line-height: 1.5;
  --ebd-ac-font-weight: 400;
  --ebd-ac-group-font-size: 0.875rem;
  --ebd-ac-letter-spacing: normal;

  /* Effects - Bootstrap shadows */
  --ebd-ac-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --ebd-ac-dropdown-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --ebd-ac-transition-duration: 150ms;
  --ebd-ac-transition-timing: ease-in-out;
}

/* Bootstrap - Explicit dark mode */
.ebd-ac-theme-preset-bootstrap.ebd-ac-theme-dark {
  --ebd-ac-primary: #6EA8FE;
  --ebd-ac-bg: #212529;
  --ebd-ac-text: #DEE2E6;
  --ebd-ac-text-secondary: #ADB5BD;
  --ebd-ac-border: #495057;
  --ebd-ac-border-focus: #6EA8FE;
  --ebd-ac-hover: #343A40;
  --ebd-ac-selected: #084298;
  --ebd-ac-selected-text: #6EA8FE;
  --ebd-ac-disabled: #6C757D;
  --ebd-ac-error: #EA868F;
  --ebd-ac-shadow: rgba(0, 0, 0, 0.5);
  --ebd-ac-focus-shadow: 0 0 0 0.25rem rgba(110, 168, 254, 0.4);
  --ebd-ac-dropdown-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

/* Bootstrap - Auto dark mode (system preference) */
@media (prefers-color-scheme: dark) {
  .ebd-ac-theme-preset-bootstrap.ebd-ac-theme-auto {
    --ebd-ac-primary: #6EA8FE;
    --ebd-ac-bg: #212529;
    --ebd-ac-text: #DEE2E6;
    --ebd-ac-text-secondary: #ADB5BD;
    --ebd-ac-border: #495057;
    --ebd-ac-border-focus: #6EA8FE;
    --ebd-ac-hover: #343A40;
    --ebd-ac-selected: #084298;
    --ebd-ac-selected-text: #6EA8FE;
    --ebd-ac-disabled: #6C757D;
    --ebd-ac-error: #EA868F;
    --ebd-ac-shadow: rgba(0, 0, 0, 0.5);
    --ebd-ac-focus-shadow: 0 0 0 0.25rem rgba(110, 168, 254, 0.4);
    --ebd-ac-dropdown-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  }
}