/**
 * SinAI Inc - Light Mode Color Enhancements
 * AGGRESSIVE color intensity upgrades for all light mode elements
 * Forces vibrant gradient design to be visible throughout the site
 */

/* ============================================
   HERO SECTION - Handled by agentic-hero.css
   ============================================ */

/* Hero section gradients and text are properly styled in agentic-hero.css */
/* Only add subtle enhancements here, no overrides */

[data-theme="light"] .display-1,
[data-bs-theme="light"] .display-1 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

/* ============================================
   BADGES - Vibrant & Visible
   ============================================ */

[data-theme="light"] .badge,
[data-bs-theme="light"] .badge,
html[data-theme="light"] .badge,
html[data-bs-theme="light"] .badge {
  font-weight: 700 !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.5rem !important;
  letter-spacing: 0.025em !important;
}

/* Primary Badge - Purple */
[data-theme="light"] .badge.bg-primary,
[data-bs-theme="light"] .badge.bg-primary,
[data-theme="light"] .badge-primary,
[data-bs-theme="light"] .badge-primary {
  background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(124, 58, 237, 0.5);
  box-shadow: 
    0 4px 16px rgba(124, 58, 237, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}

/* Success Badge - Green */
[data-theme="light"] .badge.bg-success,
[data-bs-theme="light"] .badge.bg-success,
[data-theme="light"] .badge-success,
[data-bs-theme="light"] .badge-success {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(16, 185, 129, 0.3);
  box-shadow: 
    0 2px 8px rgba(16, 185, 129, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Info Badge - Cyan */
[data-theme="light"] .badge.bg-info,
[data-bs-theme="light"] .badge.bg-info,
[data-theme="light"] .badge-info,
[data-bs-theme="light"] .badge-info {
  background: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(6, 182, 212, 0.3);
  box-shadow: 
    0 2px 8px rgba(6, 182, 212, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Warning Badge - Orange */
[data-theme="light"] .badge.bg-warning,
[data-bs-theme="light"] .badge.bg-warning,
[data-theme="light"] .badge-warning,
[data-bs-theme="light"] .badge-warning {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(245, 158, 11, 0.3);
  box-shadow: 
    0 2px 8px rgba(245, 158, 11, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Subtle Badges - Still Visible */
[data-theme="light"] .badge.bg-primary-subtle,
[data-bs-theme="light"] .badge.bg-primary-subtle {
  background: linear-gradient(135deg,
    rgba(199, 210, 254, 0.9) 0%,
    rgba(196, 181, 253, 0.85) 100%) !important;
  color: #4338ca !important;
  border: 1px solid rgba(99, 102, 241, 0.3);
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
}

[data-theme="light"] .badge.bg-success-subtle,
[data-bs-theme="light"] .badge.bg-success-subtle {
  background: linear-gradient(135deg,
    rgba(167, 243, 208, 0.9) 0%,
    rgba(134, 239, 172, 0.85) 100%) !important;
  color: #065f46 !important;
  border: 1px solid rgba(16, 185, 129, 0.3);
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15);
}

[data-theme="light"] .badge.bg-warning-subtle,
[data-bs-theme="light"] .badge.bg-warning-subtle {
  background: linear-gradient(135deg,
    rgba(254, 215, 170, 0.9) 0%,
    rgba(253, 186, 116, 0.85) 100%) !important;
  color: #92400e !important;
  border: 1px solid rgba(245, 158, 11, 0.3);
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.15);
}

/* ============================================
   CARDS - Company at a Glance & All Cards
   ============================================ */

[data-theme="light"] .card,
[data-bs-theme="light"] .card {
  background: linear-gradient(135deg,
    rgba(199, 210, 254, 0.4) 0%,
    rgba(221, 214, 254, 0.35) 50%,
    rgba(224, 231, 255, 0.4) 100%) !important;
  border: 1px solid rgba(139, 92, 246, 0.25) !important;
  box-shadow: 
    0 4px 16px rgba(139, 92, 246, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.3s ease !important;
}

[data-theme="light"] .card:hover,
[data-bs-theme="light"] .card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 
    0 8px 24px rgba(139, 92, 246, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(139, 92, 246, 0.35) !important;
}

[data-theme="light"] .card .fw-semibold,
[data-bs-theme="light"] .card .fw-semibold {
  color: #1e293b !important;
  font-weight: 700 !important;
}

[data-theme="light"] .card .text-muted,
[data-bs-theme="light"] .card .text-muted {
  color: #475569 !important;
  font-weight: 500 !important;
}

/* Card Icons - More Vibrant */
[data-theme="light"] .card .text-success,
[data-bs-theme="light"] .card .text-success {
  color: #059669 !important;
  filter: brightness(1.1) !important;
}

[data-theme="light"] .card .text-primary,
[data-bs-theme="light"] .card .text-primary {
  color: #5b21b6 !important;
  filter: brightness(1.1) !important;
}

[data-theme="light"] .card .text-warning,
[data-bs-theme="light"] .card .text-warning {
  color: #d97706 !important;
  filter: brightness(1.1) !important;
}

[data-theme="light"] .card .text-info,
[data-bs-theme="light"] .card .text-info {
  color: #0284c7 !important;
  filter: brightness(1.1) !important;
}

/* ============================================
   SECTION BACKGROUNDS - Subtle gradients only
   ============================================ */

/* Keep sections light - don't override */
[data-theme="light"] .bg-light,
[data-bs-theme="light"] .bg-light {
  background: linear-gradient(135deg,
    rgba(224, 231, 255, 0.15) 0%,
    rgba(237, 233, 254, 0.12) 100%) !important;
}

/* ============================================
   BUTTONS - Maximum Vibrancy
   ============================================ */

[data-theme="light"] .btn-primary,
[data-bs-theme="light"] .btn-primary {
  background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 50%, #8b5cf6 100%) !important;
  border: 2px solid #5b21b6 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 
    0 4px 24px rgba(124, 58, 237, 0.5),
    0 2px 12px rgba(139, 92, 246, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

[data-theme="light"] .btn-primary:hover,
[data-bs-theme="light"] .btn-primary:hover {
  background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 50%, #7c3aed 100%) !important;
  transform: translateY(-3px) !important;
  box-shadow: 
    0 8px 36px rgba(124, 58, 237, 0.7),
    0 4px 16px rgba(139, 92, 246, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

[data-theme="light"] .btn-outline-primary,
[data-bs-theme="light"] .btn-outline-primary {
  border: 2px solid #5b21b6 !important;
  color: #5b21b6 !important;
  font-weight: 700 !important;
  background: rgba(124, 58, 237, 0.08) !important;
  box-shadow: 0 2px 12px rgba(124, 58, 237, 0.15) !important;
}

[data-theme="light"] .btn-outline-primary:hover,
[data-bs-theme="light"] .btn-outline-primary:hover {
  background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 50%, #8b5cf6 100%) !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 
    0 6px 32px rgba(124, 58, 237, 0.6),
    0 2px 16px rgba(139, 92, 246, 0.4) !important;
}

/* ============================================
   HERO SECTION BUTTONS - Light/Outline Variants
   ============================================ */

[data-theme="light"] .btn-light,
[data-bs-theme="light"] .btn-light {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 2px solid rgba(99, 102, 241, 0.3) !important;
  color: #1e293b !important;
  font-weight: 700 !important;
  box-shadow: 
    0 4px 24px rgba(99, 102, 241, 0.25),
    0 2px 12px rgba(139, 92, 246, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

[data-theme="light"] .btn-light:hover,
[data-bs-theme="light"] .btn-light:hover {
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
  border-color: rgba(99, 102, 241, 0.5) !important;
  transform: translateY(-3px) !important;
  box-shadow: 
    0 8px 36px rgba(99, 102, 241, 0.35),
    0 4px 16px rgba(139, 92, 246, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

[data-theme="light"] .btn-outline-light,
[data-bs-theme="light"] .btn-outline-light {
  border: 2px solid rgba(99, 102, 241, 0.4) !important;
  color: #1e293b !important;
  font-weight: 700 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 2px 12px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .btn-outline-light:hover,
[data-bs-theme="light"] .btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(99, 102, 241, 0.6) !important;
  color: #5b21b6 !important;
  transform: translateY(-3px) !important;
  box-shadow: 
    0 6px 32px rgba(99, 102, 241, 0.4),
    0 2px 16px rgba(139, 92, 246, 0.25) !important;
}

/* ============================================
   PILL BADGES - Story Section - Subtle enhancement
   ============================================ */

[data-theme="light"] .badge.bg-primary-subtle,
[data-bs-theme="light"] .badge.bg-primary-subtle {
  background: linear-gradient(135deg,
    rgba(199, 210, 254, 0.6) 0%,
    rgba(221, 214, 254, 0.5) 100%) !important;
  color: #5b21b6 !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  font-weight: 600 !important;
  box-shadow: 
    0 2px 8px rgba(139, 92, 246, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  transition: all 0.3s ease !important;
}

[data-theme="light"] .badge.bg-primary-subtle:hover,
[data-bs-theme="light"] .badge.bg-primary-subtle:hover {
  background: linear-gradient(135deg,
    rgba(199, 210, 254, 0.75) 0%,
    rgba(221, 214, 254, 0.65) 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 
    0 4px 12px rgba(139, 92, 246, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

/* ============================================
   HEADINGS - More Contrast
   ============================================ */

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] .h1,
[data-theme="light"] .h2,
[data-theme="light"] .h3,
[data-bs-theme="light"] h1,
[data-bs-theme="light"] h2,
[data-bs-theme="light"] h3,
[data-bs-theme="light"] .h1,
[data-bs-theme="light"] .h2,
[data-bs-theme="light"] .h3 {
  color: #0f172a !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .display-1,
[data-theme="light"] .display-2,
[data-theme="light"] .display-3,
[data-theme="light"] .display-4,
[data-bs-theme="light"] .display-1,
[data-bs-theme="light"] .display-2,
[data-bs-theme="light"] .display-3,
[data-bs-theme="light"] .display-4 {
  color: #020617 !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Lead text */
[data-theme="light"] .lead,
[data-bs-theme="light"] .lead {
  color: #334155 !important;
  font-weight: 500 !important;
}

/* ============================================
   ICONS - Vivid Colors
   ============================================ */

[data-theme="light"] .bi,
[data-theme="light"] i.bi,
[data-bs-theme="light"] .bi,
[data-bs-theme="light"] i.bi {
  filter: brightness(1.1) saturate(1.3) !important;
}

/* Text color utilities - more saturated */
[data-theme="light"] .text-primary,
[data-bs-theme="light"] .text-primary {
  color: #5b21b6 !important;
}

[data-theme="light"] .text-success,
[data-bs-theme="light"] .text-success {
  color: #059669 !important;
}

[data-theme="light"] .text-warning,
[data-bs-theme="light"] .text-warning {
  color: #d97706 !important;
}

[data-theme="light"] .text-info,
[data-bs-theme="light"] .text-info {
  color: #0284c7 !important;
}

[data-theme="light"] .text-danger,
[data-bs-theme="light"] .text-danger {
  color: #dc2626 !important;
}

/* ============================================
   SHADOWS - Colored, Not Gray
   ============================================ */

[data-theme="light"] .shadow,
[data-bs-theme="light"] .shadow {
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.15) !important;
}

[data-theme="light"] .shadow-sm,
[data-bs-theme="light"] .shadow-sm {
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.12) !important;
}

[data-theme="light"] .shadow-lg,
[data-bs-theme="light"] .shadow-lg {
  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.2) !important;
}

/* ============================================
   BODY BACKGROUND - Keep clean for light mode
   ============================================ */

/* Body background is fine - don't override */

/* ============================================
   TEXT GRADIENTS - DO NOT override agentic-hero.css
   These are handled in agentic-hero.css with proper light mode support
   ============================================ */

/* Gradient text already styled in agentic-hero.css - no overrides needed */

/* ============================================
   AGENTIC BADGE & META PILLS - Subtle enhancements only
   Main styles in agentic-hero.css
   ============================================ */

/* Enhance existing badge styles without breaking gradients */
[data-theme="light"] .agentic-badge-row,
[data-bs-theme="light"] .agentic-badge-row {
  box-shadow: 
    0 2px 12px rgba(139, 92, 246, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

[data-theme="light"] .agentic-meta-pill,
[data-bs-theme="light"] .agentic-meta-pill {
  box-shadow: 
    0 2px 8px rgba(139, 92, 246, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* ============================================
   BUTTONS - Enhanced Colors & Gradients
   ============================================ */

/* Primary Button - Vibrant Purple Gradient */
[data-theme="light"] .btn-primary,
[data-bs-theme="light"] .btn-primary {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: #ffffff !important;
  box-shadow: 
    0 4px 12px rgba(99, 102, 241, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

[data-theme="light"] .btn-primary:hover,
[data-bs-theme="light"] .btn-primary:hover {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
  box-shadow: 
    0 6px 20px rgba(99, 102, 241, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

/* Outline Button - Clear & Vibrant */
[data-theme="light"] .btn-outline-primary,
[data-bs-theme="light"] .btn-outline-primary {
  background: linear-gradient(135deg,
    rgba(224, 231, 255, 0.8) 0%,
    rgba(221, 214, 254, 0.7) 100%);
  border: 2px solid #6366f1;
  color: #4338ca !important;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
}

[data-theme="light"] .btn-outline-primary:hover,
[data-bs-theme="light"] .btn-outline-primary:hover {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
  border-color: #6366f1;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.3);
  transform: translateY(-2px);
}

/* Success Button */
[data-theme="light"] .btn-success,
[data-bs-theme="light"] .btn-success {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #ffffff !important;
  box-shadow: 
    0 4px 12px rgba(16, 185, 129, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

[data-theme="light"] .btn-success:hover,
[data-bs-theme="light"] .btn-success:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35);
  transform: translateY(-2px);
}

/* Light Button - Clear Hierarchy */
[data-theme="light"] .btn-light,
[data-bs-theme="light"] .btn-light {
  background: linear-gradient(135deg,
    rgba(248, 250, 252, 0.95) 0%,
    rgba(241, 245, 249, 0.9) 100%) !important;
  border: 2px solid rgba(99, 102, 241, 0.25);
  color: #1e293b !important;
  box-shadow: 
    0 2px 8px rgba(99, 102, 241, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .btn-light:hover,
[data-bs-theme="light"] .btn-light:hover {
  background: linear-gradient(135deg,
    rgba(224, 231, 255, 0.95) 0%,
    rgba(221, 214, 254, 0.9) 100%) !important;
  border-color: rgba(99, 102, 241, 0.4);
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.25);
  transform: translateY(-2px);
}

/* ============================================
   CARDS - Enhanced Glassmorphic Effects
   ============================================ */

[data-theme="light"] .card,
[data-bs-theme="light"] .card {
  background: linear-gradient(135deg,
    rgba(248, 250, 252, 0.95) 0%,
    rgba(241, 245, 249, 0.9) 100%);
  border: 2px solid rgba(99, 102, 241, 0.2);
  box-shadow: 
    0 4px 20px rgba(99, 102, 241, 0.15),
    0 2px 10px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .card:hover,
[data-bs-theme="light"] .card:hover {
  border-color: rgba(99, 102, 241, 0.35);
  box-shadow: 
    0 8px 32px rgba(99, 102, 241, 0.25),
    0 4px 16px rgba(139, 92, 246, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
}

/* Card Glass - Vibrant Variant */
[data-theme="light"] .card-glass,
[data-bs-theme="light"] .card-glass {
  background: linear-gradient(135deg,
    rgba(224, 231, 255, 0.85) 0%,
    rgba(221, 214, 254, 0.8) 50%,
    rgba(224, 242, 254, 0.85) 100%) !important;
  border: 2px solid rgba(99, 102, 241, 0.3) !important;
  box-shadow: 
    0 8px 32px rgba(99, 102, 241, 0.2),
    0 4px 16px rgba(139, 92, 246, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

/* ============================================
   TEXT GRADIENTS - Vibrant & Clear
   ============================================ */

/* Hero Gradient Text */
/* Gradient text handled in agentic-hero.css - no override needed here */

/* Generic Gradient Text */
[data-theme="light"] .text-gradient,
[data-bs-theme="light"] .text-gradient {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}

/* Purple-Pink Gradient */
[data-theme="light"] .text-gradient-purple-pink,
[data-bs-theme="light"] .text-gradient-purple-pink {
  background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}

/* Blue-Purple Gradient */
[data-theme="light"] .text-gradient-blue-purple,
[data-bs-theme="light"] .text-gradient-blue-purple {
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}

/* ============================================
   HERO SECTIONS - All Pages
   ============================================ */

/* RCH2O Banner - Enhanced Green Gradient */
[data-theme="light"] section[style*="background: linear-gradient(135deg, #198754"],
[data-bs-theme="light"] section[style*="background: linear-gradient(135deg, #198754"] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

/* ============================================
   SECTION BACKGROUNDS - Subtle But Visible
   ============================================ */

[data-theme="light"] .bg-light,
[data-bs-theme="light"] .bg-light {
  background: linear-gradient(135deg,
    rgba(248, 250, 252, 1) 0%,
    rgba(241, 245, 249, 0.98) 100%) !important;
}

[data-theme="light"] .bg-gradient,
[data-bs-theme="light"] .bg-gradient {
  background: linear-gradient(135deg,
    rgba(224, 231, 255, 0.6) 0%,
    rgba(221, 214, 254, 0.5) 50%,
    rgba(224, 242, 254, 0.6) 100%) !important;
}

[data-theme="light"] .bg-gradient-subtle,
[data-bs-theme="light"] .bg-gradient-subtle {
  background: linear-gradient(135deg,
    rgba(240, 243, 255, 0.8) 0%,
    rgba(237, 235, 254, 0.7) 50%,
    rgba(240, 249, 255, 0.8) 100%);
}

/* ============================================
   PILLS & META ELEMENTS
   ============================================ */

[data-theme="light"] .pill,
[data-bs-theme="light"] .pill,
[data-theme="light"] .meta-pill,
[data-bs-theme="light"] .meta-pill {
  background: linear-gradient(135deg,
    rgba(224, 231, 255, 0.85) 0%,
    rgba(221, 214, 254, 0.8) 100%);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: #4338ca;
  padding: 0.375rem 0.875rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
}

/* ============================================
   FEATURE ICONS - Gradient Backgrounds
   ============================================ */

[data-theme="light"] .feature-icon,
[data-bs-theme="light"] .feature-icon {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
  box-shadow: 
    0 4px 16px rgba(99, 102, 241, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

[data-theme="light"] .feature-icon-gradient,
[data-bs-theme="light"] .feature-icon-gradient {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
}

/* ============================================
   LINKS - Clear & Visible
   ============================================ */

[data-theme="light"] a:not(.btn),
[data-bs-theme="light"] a:not(.btn) {
  color: #4338ca;
  text-decoration: none;
  transition: all 0.2s ease;
}

[data-theme="light"] a:not(.btn):hover,
[data-bs-theme="light"] a:not(.btn):hover {
  color: #6366f1;
  text-decoration: underline;
}

/* ============================================
   SHADOWS - Colored, Not Gray
   ============================================ */

[data-theme="light"] .shadow-sm,
[data-bs-theme="light"] .shadow-sm {
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .shadow,
[data-bs-theme="light"] .shadow {
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.2) !important;
}

[data-theme="light"] .shadow-lg,
[data-bs-theme="light"] .shadow-lg {
  box-shadow: 0 8px 32px rgba(99, 102, 241, 0.25) !important;
}

/* ============================================
   HEADING EMPHASIS
   ============================================ */

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-bs-theme="light"] h1,
[data-bs-theme="light"] h2,
[data-bs-theme="light"] h3 {
  color: #0f172a !important;
  font-weight: 700;
}

[data-theme="light"] .display-1,
[data-theme="light"] .display-2,
[data-theme="light"] .display-3,
[data-theme="light"] .display-4,
[data-bs-theme="light"] .display-1,
[data-bs-theme="light"] .display-2,
[data-bs-theme="light"] .display-3,
[data-bs-theme="light"] .display-4 {
  color: #000000 !important;
  font-weight: 800;
}

/* ============================================
   LEAD TEXT - Enhanced Visibility
   ============================================ */

[data-theme="light"] .lead,
[data-bs-theme="light"] .lead {
  color: #334155 !important;
  font-weight: 500;
}

/* ============================================
   RESPONSIVE OPTIMIZATIONS
   ============================================ */

@media (max-width: 767.98px) {
  [data-theme="light"] .card,
  [data-bs-theme="light"] .card {
    border-width: 1px;
  }
  
  [data-theme="light"] .btn,
  [data-bs-theme="light"] .btn {
    box-shadow: 
      0 2px 8px rgba(99, 102, 241, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.15);
  }
}

/* ============================================
   UNIVERSAL SECTION ENHANCEMENTS - SITE-WIDE
   ============================================ */

/* All sections get subtle background gradient treatment */
[data-theme="light"] section,
[data-bs-theme="light"] section {
  position: relative;
}

/* Section background overlay for depth */
[data-theme="light"] section:not(.agentic-hero-section)::before,
[data-bs-theme="light"] section:not(.agentic-hero-section)::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 40%, rgba(124, 58, 237, 0.03) 0%, transparent 50%),
              radial-gradient(circle at 70% 60%, rgba(99, 102, 241, 0.03) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

/* Ensure content appears above overlay */
[data-theme="light"] section > *,
[data-bs-theme="light"] section > *:not(::before):not(::after) {
  position: relative;
  z-index: 1;
}

/* Text selection highlight with brand colors */
[data-theme="light"] ::selection,
[data-bs-theme="light"] ::selection {
  background: rgba(124, 58, 237, 0.25);
  color: #0f172a;
}

/* Scrollbar styling for light mode */
[data-theme="light"] ::-webkit-scrollbar-thumb,
[data-bs-theme="light"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border-radius: 4px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover,
[data-bs-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}

/* Nav pills / tabs - enhanced for visibility */
[data-theme="light"] .nav-pills .nav-link.active,
[data-bs-theme="light"] .nav-pills .nav-link.active {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.35);
}

[data-theme="light"] .nav-pills .nav-link,
[data-bs-theme="light"] .nav-pills .nav-link {
  color: #4338ca;
  font-weight: 600;
}

[data-theme="light"] .nav-pills .nav-link:hover,
[data-bs-theme="light"] .nav-pills .nav-link:hover {
  background: rgba(99, 102, 241, 0.1);
}

/* Table enhancements */
[data-theme="light"] .table,
[data-bs-theme="light"] .table {
  color: #0f172a;
}

[data-theme="light"] .table thead,
[data-bs-theme="light"] .table thead {
  background: linear-gradient(135deg, rgba(224, 231, 255, 0.5) 0%, rgba(221, 214, 254, 0.5) 100%);
  font-weight: 700;
}

[data-theme="light"] .table-hover tbody tr:hover,
[data-bs-theme="light"] .table-hover tbody tr:hover {
  background: rgba(99, 102, 241, 0.08);
}

/* List group enhancements */
[data-theme="light"] .list-group-item,
[data-bs-theme="light"] .list-group-item {
  border-color: rgba(99, 102, 241, 0.15);
}

[data-theme="light"] .list-group-item.active,
[data-bs-theme="light"] .list-group-item.active {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border-color: #6366f1;
  color: #ffffff;
}

/* Alert enhancements */
[data-theme="light"] .alert-primary,
[data-bs-theme="light"] .alert-primary {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(139, 92, 246, 0.12) 100%);
  border-color: rgba(99, 102, 241, 0.3);
  color: #4338ca;
}

[data-theme="light"] .alert-info,
[data-bs-theme="light"] .alert-info {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(34, 211, 238, 0.12) 100%);
  border-color: rgba(6, 182, 212, 0.3);
  color: #0e7490;
}

/* Modal enhancements */
[data-theme="light"] .modal-content,
[data-bs-theme="light"] .modal-content {
  border: 2px solid rgba(99, 102, 241, 0.2);
  box-shadow: 0 20px 60px rgba(99, 102, 241, 0.3);
}

[data-theme="light"] .modal-header,
[data-bs-theme="light"] .modal-header {
  background: linear-gradient(135deg, rgba(224, 231, 255, 0.5) 0%, rgba(221, 214, 254, 0.5) 100%);
  border-bottom-color: rgba(99, 102, 241, 0.2);
}

/* Dropdown enhancements */
[data-theme="light"] .dropdown-menu,
[data-bs-theme="light"] .dropdown-menu {
  border: 2px solid rgba(99, 102, 241, 0.15);
  box-shadow: 0 8px 32px rgba(99, 102, 241, 0.25);
}

[data-theme="light"] .dropdown-item:hover,
[data-bs-theme="light"] .dropdown-item:hover {
  background: rgba(99, 102, 241, 0.1);
  color: #4338ca;
}

[data-theme="light"] .dropdown-item.active,
[data-bs-theme="light"] .dropdown-item.active {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

/* ============================================
   PRINT STYLES
   ============================================ */

@media print {
  .badge,
  .btn,
  .card {
    box-shadow: none !important;
    border-color: #e2e8f0 !important;
  }
}