/* Premium ICAI Dark Theme Overrides */
[data-theme="dark"] {
  /* Deep, rich forest-charcoal backgrounds instead of generic grays */
  --white: #1a231f;        /* Card background */
  --neutral-50: #111815;   /* Body background */
  --neutral-100: #1a231f;  /* Slight hover states */
  --neutral-400: #8ba398;  /* Muted text */
  --neutral-700: #b0c4b9;  /* Secondary text */
  --neutral-900: #f1f5f3;  /* Primary text */
  
  /* Bright, energetic accents for dark mode */
  --primary: #4ade80;      /* Vibrant mint-green for buttons/links */
  --primary-dark: #22c55e;
  --primary-light: #0d281a; /* Very subtle green tint for active states */
  
  --accent: #fcd34d;       /* Bright gold for dark mode contrast */
  
  /* Structural colors */
  --bg-color: #111815;     
  --text-color: #f1f5f3;
  --border: #2b3d36;       /* Soft borders */
  
  /* Status Colors */
  --success: #4ade80;
  --danger: #f87171;
  --info: #60a5fa;
  --warning: #fcd34d;
  
  /* Deeper shadows */
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.6);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

[data-theme="dark"] .card, 
[data-theme="dark"] .auth-card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .stepper-container,
[data-theme="dark"] .form-container,
[data-theme="dark"] .admin-navbar,
[data-theme="dark"] .sidebar {
  background: var(--white);
  border-color: var(--border);
  box-shadow: var(--shadow-md);
}

/* Fix navbar/header specific colors */
[data-theme="dark"] .brand-logo-text {
  color: var(--text-color) !important;
}

[data-theme="dark"] .input-field,
[data-theme="dark"] .filter-select,
[data-theme="dark"] .search-input {
  background: var(--bg-color);
  border: 1px solid var(--border);
  color: var(--text-color);
}

[data-theme="dark"] .input-field:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.1); /* mint-green glow */
}

/* Data Table overrides */
[data-theme="dark"] .data-table th {
  background: #151e1a; /* slightly darker than card */
  border-bottom: 2px solid var(--border);
  color: var(--neutral-400);
}

[data-theme="dark"] .data-table td {
  border-bottom: 1px solid var(--border);
}

[data-theme="dark"] .data-table tr:hover {
  background: rgba(74, 222, 128, 0.05); /* very subtle hover */
}

[data-theme="dark"] .home-btn-absolute {
  background: var(--white);
  color: var(--primary);
  border: 1px solid var(--border);
}

/* KPI Cards */
[data-theme="dark"] .kpi-card {
  background: var(--white);
}

/* Stepper logic */
[data-theme="dark"] .step-circle {
  background: var(--bg-color);
  color: var(--neutral-400);
  border-color: var(--border);
}

[data-theme="dark"] .stepper-item.completed .step-circle,
[data-theme="dark"] .stepper-item.active .step-circle {
  background: var(--primary);
  border-color: var(--primary);
  color: #000; /* Dark text on bright primary background */
}

[data-theme="dark"] .stepper-item::after {
  background-color: var(--border);
}

[data-theme="dark"] .stepper-item.completed::after {
  background-color: var(--primary);
}

/* Section titles */
[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3, 
[data-theme="dark"] .section-title {
  color: var(--neutral-900);
}

/* Buttons */
[data-theme="dark"] .btn-primary {
  color: #000; /* For high contrast against the bright mint primary */
  font-weight: 600;
}
[data-theme="dark"] .btn-outline {
  border-color: var(--border);
  color: var(--text-color);
}
[data-theme="dark"] .btn-outline:hover {
  border-color: var(--primary);
  color: var(--primary);
}

/* Home Page specific overrides */
[data-theme="dark"] .hero, 
[data-theme="dark"] .cta-section {
  background: linear-gradient(180deg, var(--primary-light) 0%, var(--bg-color) 100%);
}

[data-theme="dark"] .announcement-banner {
  background-color: var(--primary-dark);
  color: #000;
}

/* Status Badges */
[data-theme="dark"] .status-badge.draft {
  background-color: #1f2937;
  color: #9ca3af;
}
[data-theme="dark"] .status-badge.submitted {
  background-color: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
}
[data-theme="dark"] .status-badge.review {
  background-color: rgba(245, 158, 11, 0.15);
  color: #fcd34d;
}
[data-theme="dark"] .status-badge.clarification {
  background-color: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
}
[data-theme="dark"] .status-badge.final {
  background-color: rgba(16, 185, 129, 0.15);
  color: #6ee7b7;
}

/* Hardcoded Inline Styles Overrides */
[data-theme="dark"] [style*="background:#FFFBEB"],
[data-theme="dark"] [style*="background-color:#FFFBEB"] {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
  color: var(--text-color) !important;
}

[data-theme="dark"] [style*="background:#F3F4F6"],
[data-theme="dark"] [style*="background-color:#F3F4F6"] {
  background: var(--neutral-50) !important;
  border-color: var(--border) !important;
}

/* Advanced Colorful Sections (Dark Theme Adjustments) */
[data-theme="dark"] .announcements-section { background: linear-gradient(135deg, rgba(224,242,233,0.1) 0%, var(--bg-color) 100%) !important; }
[data-theme="dark"] .about-section { background: var(--bg-color) !important; }
[data-theme="dark"] .eligibility-section { background: linear-gradient(135deg, rgba(255,243,224,0.1) 0%, var(--bg-color) 100%) !important; }
[data-theme="dark"] .categories-section { background: linear-gradient(135deg, rgba(240,249,255,0.1) 0%, var(--bg-color) 100%) !important; }
[data-theme="dark"] .process-section { background: var(--bg-color) !important; }
[data-theme="dark"] .timeline-section { background: linear-gradient(135deg, rgba(224,247,250,0.1) 0%, var(--bg-color) 100%) !important; }
[data-theme="dark"] .download-section { background: linear-gradient(135deg, rgba(255,235,238,0.1) 0%, var(--bg-color) 100%) !important; }
[data-theme="dark"] .guidelines-section { background: linear-gradient(135deg, var(--primary-dark) 0%, #a47b10 100%) !important; color: #ffffff !important; }
[data-theme="dark"] .guidelines-section .section-title, [data-theme="dark"] .guidelines-section .section-sub, [data-theme="dark"] .guidelines-section p, [data-theme="dark"] .guidelines-section h4 { color: #ffffff !important; }
[data-theme="dark"] .guidelines-section .guideline-item { background: rgba(0,0,0,0.4) !important; border-color: rgba(255,255,255,0.2) !important; }

[data-theme="dark"] .flip-card-front img {
  background-color: #f1f5f3;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  margin-top: 12px;
}

/* Header & Navbar Fixes */
[data-theme="dark"] header.header {
  background: rgba(17, 24, 21, 0.8) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .nav-links a {
  color: var(--neutral-900) !important;
}

[data-theme="dark"] .nav-links a:hover {
  color: var(--primary) !important;
}

/* Footer Fixes */
[data-theme="dark"] .footer {
  background-color: #0d1210 !important;
  color: var(--neutral-400) !important;
  border-top: 1px solid var(--border);
}

[data-theme="dark"] .footer h4,
[data-theme="dark"] .footer p,
[data-theme="dark"] .footer li,
[data-theme="dark"] .footer a {
  color: var(--neutral-700) !important;
}

[data-theme="dark"] .footer-bottom {
  background-color: #080b09 !important;
  border-top: 1px solid #1a231f !important;
}

/* Form Input Fixes */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
  border: 1px solid var(--border) !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  border-color: var(--primary) !important;
  outline: none;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--neutral-400) !important;
}

[data-theme="dark"] .contact-section {
  background: var(--bg-color) !important;
}

/* Applicant dashboard color treatments */
[data-theme="dark"] .dashboard-layout {
  background:
    radial-gradient(circle at top left, rgba(74, 222, 128, 0.12), transparent 34%),
    radial-gradient(circle at top right, rgba(252, 211, 77, 0.1), transparent 30%),
    var(--bg-color) !important;
}

[data-theme="dark"] .dashboard-navbar,
[data-theme="dark"] .dashboard-dropdown-panel,
[data-theme="dark"] .top-bar,
[data-theme="dark"] .data-table-wrapper {
  background: var(--white) !important;
  border-color: var(--border) !important;
}

[data-theme="dark"] .nav-item:hover,
[data-theme="dark"] .nav-item.active {
  background: var(--primary-light) !important;
}

[data-theme="dark"] .nav-item-icon {
  background: var(--bg-color);
}

[data-theme="dark"] .stat-card {
  background: var(--white) !important;
  border-color: var(--border);
}