/* Light theme enhancements - applies only when not in dark mode */
html:not(.dark) {
  /* Typography */
  --text-primary: #0f172a;   /* slate-900 */
  --text-secondary: #334155; /* slate-700 */
  --text-muted: #64748b;     /* slate-500 */

  /* Surfaces */
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;  /* slate-50 */
  --bg-tertiary: #f1f5f9;   /* slate-100 */

  --border-color: #e2e8f0;  /* slate-200 */
  --border-light: #f1f5f9;  /* slate-100 */

  /* Brand */
  --primary-color: #e11d48; /* rose-600 */
  --primary-dark: #be185d;  /* rose-700 */
  --primary-light: #fff1f2; /* rose-50 */

  /* Accents */
  --accent-color: #f59e0b;  /* amber-500 */
  --success-color: #059669;  /* emerald-600 */
  --warning-color: #d97706;  /* amber-600 */
  --danger-color: #dc2626;   /* red-600 */
  --info-color: #0ea5e9;     /* sky-500 */
}

/* Global base for light context */
html:not(.dark) body {
  color: var(--text-primary);
  background: linear-gradient(180deg, #fff7f9 0%, #ffffff 35%, #ffffff 100%);
}

/* Cards and containers */
html:not(.dark) .bg-white { background-color: #ffffff; }
html:not(.dark) .border { border-color: var(--border-color); }
html:not(.dark) .shadow-lg, html:not(.dark) .shadow { box-shadow: 0 10px 25px -10px rgba(15, 23, 42, 0.08); }

/* Header transparency refinement */
html:not(.dark) header.bg-white\/80 { backdrop-filter: saturate(140%) blur(8px); background-color: rgba(255,255,255,0.85); }

/* Soft sections */
html:not(.dark) .bg-slate-50\/70 { background-color: rgba(248, 250, 252, 0.7); }

/* Text utilities fine-tune */
html:not(.dark) .text-slate-900 { color: #0f172a; }
html:not(.dark) .text-slate-700 { color: #334155; }
html:not(.dark) .text-slate-600 { color: #475569; }
html:not(.dark) .text-slate-500 { color: #64748b; }

/* Interactive states */
html:not(.dark) a:hover { color: var(--primary-dark); }
html:not(.dark) .hover\:bg-slate-100:hover { background-color: #f1f5f9; }
html:not(.dark) .hover\:text-rose-600:hover { color: #e11d48; }

/* Buttons */
html:not(.dark) .btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff; }
html:not(.dark) .btn-primary:hover { background-color: var(--primary-dark); border-color: var(--primary-dark); }
html:not(.dark) .btn-secondary { border-color: var(--border-color); color: var(--text-secondary); }
html:not(.dark) .btn-secondary:hover { background-color: var(--bg-secondary); color: var(--primary-color); border-color: var(--primary-color); }

/* Inputs */
html:not(.dark) input, html:not(.dark) textarea, html:not(.dark) select {
  background-color: #ffffff;
  border-color: var(--border-color);
  color: var(--text-primary);
}
html:not(.dark) ::placeholder { color: #94a3b8; }

/* Badges & pills */
html:not(.dark) .bg-rose-100 { background-color: #ffe4e6; color: #9f1239; }
html:not(.dark) .bg-blue-100 { background-color: #dbeafe; color: #1e3a8a; }
html:not(.dark) .bg-green-100 { background-color: #dcfce7; color: #166534; }
html:not(.dark) .bg-orange-100 { background-color: #ffedd5; color: #9a3412; }
html:not(.dark) .bg-purple-100 { background-color: #f3e8ff; color: #6b21a8; }
html:not(.dark) .bg-amber-100 { background-color: #fef3c7; color: #92400e; }

/* Soft panels */
html:not(.dark) .bg-slate-50 { background-color: #f8fafc; }
html:not(.dark) .bg-slate-100 { background-color: #f1f5f9; }

/* Borders */
html:not(.dark) .border-slate-200 { border-color: #e2e8f0; }
html:not(.dark) .border-slate-300 { border-color: #cbd5e1; }

/* Prose content (markdown) */
html:not(.dark) .prose { color: #0f172a; }
html:not(.dark) .prose h1, html:not(.dark) .prose h2, html:not(.dark) .prose h3 { color: #0f172a; }
html:not(.dark) .prose p { color: #334155; }
html:not(.dark) .prose a { color: var(--primary-color); }

/* Navigation */
html:not(.dark) .mobile-menu { background-color: #ffffff; border-color: var(--border-color); }
html:not(.dark) .mobile-menu .hover\:bg-slate-100:hover { background-color: #f1f5f9; }

/* Cards */
html:not(.dark) .card, html:not(.dark) .bg-white.rounded-2xl { box-shadow: 0 12px 30px -12px rgba(15,23,42,0.12); }

/* Footer */
html:not(.dark) footer { background-color: #ffffff; }
html:not(.dark) footer .border-slate-200\/70 { border-color: rgba(226, 232, 240, 0.7); }

/* Forms */
html:not(.dark) .custom-select select { background-color: #ffffff; color: #0f172a; border-color: var(--border-color); }
html:not(.dark) .custom-select .cs-dropdown { background-color: #ffffff; border-color: var(--border-color); }
html:not(.dark) .custom-select .cs-option:hover { background-color: #f1f5f9; }

/* Utilities */
html:not(.dark) .ring-amber-200 { --tw-ring-color: #fde68a; }

/* Announcements/Events/Teachers specific soft blocks */
html:not(.dark) .event-card:hover, html:not(.dark) .teacher-card:hover, html:not(.dark) .news-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px -20px rgba(15,23,42,0.2);
}

/* Breadcrumbs */
html:not(.dark) nav.breadcrumbs, html:not(.dark) nav[aria-label="breadcrumb"] {
  color: #64748b;
}

/* Make gradients softer on light */
html:not(.dark) .bg-gradient-to-b.from-rose-50.via-white.to-white {
  background-image: linear-gradient(to bottom, #fff7f9, #ffffff, #ffffff);
}