/* =============================================
   INDIGO THEME (Deep Purple) - HLMS Design System
   ============================================= */

/* Deep purple/indigo dark theme */

[data-theme="indigo"] {
  /* Primary Colors - Indigo */
  --color-primary: #6366F1;
  --color-primary-dark: #4F46E5;
  --color-primary-light: #818CF8;
  --color-primary-rgb: 99, 102, 241;
  --gradient-primary: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
  --gradient-primary-hover: linear-gradient(135deg, #4F46E5 0%, #4338CA 100%);

  /* Semantic Colors - Adjusted for dark mode visibility */
  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-success-dark: #059669;
  --color-success-bg: rgba(16, 185, 129, 0.15);

  --color-danger: #f87171;
  --color-danger-light: #fca5a5;
  --color-danger-dark: #ef4444;
  --color-danger-bg: rgba(248, 113, 113, 0.15);

  --color-warning: #fbbf24;
  --color-warning-light: #fcd34d;
  --color-warning-dark: #f59e0b;
  --color-warning-bg: rgba(251, 191, 36, 0.15);

  --color-info: #818CF8;
  --color-info-light: #a5b4fc;
  --color-info-dark: #6366F1;
  --color-info-bg: rgba(129, 140, 248, 0.15);

  /* Neutral Colors - Blue-Gray Dark palette */
  --color-gray-50: #1e2128;
  --color-gray-100: #282c34;
  --color-gray-200: #2d3340;
  --color-gray-300: #3d4450;
  --color-gray-400: #4a5568;
  --color-gray-500: #6b7280;
  --color-gray-600: #9ca3af;
  --color-gray-700: #d1d5db;
  --color-gray-800: #e5e7eb;
  --color-gray-900: #f3f4f6;

  /* Background Colors - Dark Blue-Gray */
  --bg-body: #1e2128;
  --bg-card: #282c34;
  --bg-card-hover: #2d3340;
  --bg-input: #3d4450;
  --bg-input-disabled: #2d3340;

  /* Form Input Colors - Lightest gray for maximum visibility */
  --input-bg: #9ca3af;
  --input-bg-focus: #d1d5db;
  --input-border: #d1d5db;
  --input-border-focus: #6366F1;
  --input-text: #1e2128;
  --input-placeholder: #4a5568;

  /* Text Colors - Light on dark */
  --text-primary: #f3f4f6;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;
  --text-inverse: #1e2128;
  --text-link: #818CF8;
  --text-link-hover: #a5b4fc;

  /* Border Colors - Softer blue-gray */
  --border-color: #3d4450;
  --border-color-light: #2d3340;
  --border-color-dark: #4a5568;
  --border-focus: #6366F1;

  /* Shadows - Adjusted for dark mode */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.4);

  /* Navigation specific - Subtle gradient */
  --nav-bg: linear-gradient(135deg, #2d3748 0%, #1e2128 100%);
  --nav-text: #ffffff;
  --nav-text-hover: rgba(255, 255, 255, 0.8);

  /* Scrollbar - Dark */
  --scrollbar-track: #282c34;
  --scrollbar-thumb: #4a5568;
  --scrollbar-thumb-hover: #6b7280;

  /* Activity-specific colors (for health tracking) */
  --color-run: #6366F1;
  --color-ride: #818CF8;
  --color-swim: #06b6d4;
  --color-walk: #10b981;
  --color-hike: #84cc16;
  --color-weight: #8b5cf6;
  --color-yoga: #ec4899;
  --color-cardio: #f43f5e;

  /* Chart colors */
  --chart-primary: #6366F1;
  --chart-secondary: #818CF8;
  --chart-tertiary: #10b981;
  --chart-grid: #3d4450;
  --chart-text: #9ca3af;
}

/* Scrollbar overrides */
[data-theme="indigo"] ::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

[data-theme="indigo"] ::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}

[data-theme="indigo"] ::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

/* Selection color */
[data-theme="indigo"] ::selection {
  background-color: var(--color-primary);
  color: var(--text-primary);
}

/* Form input styles - LIGHT background for visibility */
/* Target ALL possible input fields with !important to override inline styles */
[data-theme="indigo"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="indigo"] textarea,
[data-theme="indigo"] select,
[data-theme="indigo"] [contenteditable="true"],
[data-theme="indigo"] .section-textarea,
[data-theme="indigo"] .textarea,
[data-theme="indigo"] [class*="textarea"],
[data-theme="indigo"] [class*="input"]:not(.form-checkbox-group),
[data-theme="indigo"] .search-input,
[data-theme="indigo"] .note-search {
  background-color: #9ca3af !important;
  border-color: #d1d5db !important;
  color: #1e2128 !important;
}

/* Placeholder styles */
[data-theme="indigo"] input::placeholder,
[data-theme="indigo"] textarea::placeholder,
[data-theme="indigo"] [class*="textarea"]::placeholder {
  color: #4a5568 !important;
}

/* Focus states */
[data-theme="indigo"] input:focus:not([type="checkbox"]):not([type="radio"]),
[data-theme="indigo"] textarea:focus,
[data-theme="indigo"] select:focus,
[data-theme="indigo"] [contenteditable="true"]:focus,
[data-theme="indigo"] .section-textarea:focus,
[data-theme="indigo"] [class*="textarea"]:focus {
  background-color: #d1d5db !important;
  border-color: #6366F1 !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
  color: #1e2128 !important;
}