/* ============================================
   KWDNOW Light Theme
   ============================================ */

[data-theme="light"] {
  color-scheme: light;
}

[data-theme="light"] body {
  background: #f5f6f8 !important;
  color: #1e1e2e !important;
}

/* ── Backgrounds ── */

/* Main surface (cards, panels) */
[data-theme="light"] .bg-dark-950,
[data-theme="light"] .bg-dark-900,
[data-theme="light"] .bg-dark-800,
[data-theme="light"] .bg-dark-800\/80,
[data-theme="light"] .bg-dark-800\/60,
[data-theme="light"] .bg-dark-800\/50 {
  background-color: #ffffff !important;
}

/* Nav bar */
[data-theme="light"] .bg-dark-950\/80 {
  background-color: rgba(255,255,255,0.92) !important;
}

/* Recessed / secondary surface */
[data-theme="light"] .bg-dark-700,
[data-theme="light"] .bg-dark-700\/50,
[data-theme="light"] .bg-dark-600 {
  background-color: #f0f1f4 !important;
}

/* Cookie banner */
[data-theme="light"] .bg-dark-800\/95 {
  background-color: rgba(255,255,255,0.96) !important;
}

/* Separator / badge bg */
[data-theme="light"] .bg-white\/5,
[data-theme="light"] .bg-white\/10 {
  background-color: rgba(0,0,0,0.04) !important;
}

/* ── Text ── */

[data-theme="light"] .text-white {
  color: #1e1e2e !important;
}
[data-theme="light"] .text-zinc-200 {
  color: #2a2a3a !important;
}
[data-theme="light"] .text-zinc-300 {
  color: #3a3a4e !important;
}
[data-theme="light"] .text-zinc-400 {
  color: #5c5c72 !important;
}
[data-theme="light"] .text-zinc-500 {
  color: #74748a !important;
}
[data-theme="light"] .text-zinc-600 {
  color: #8e8ea2 !important;
}
[data-theme="light"] .text-zinc-700 {
  color: #a5a5b6 !important;
}

/* ── Accent colors (darker for white bg) ── */

/* Green */
[data-theme="light"] .text-green-400 {
  color: #16a34a !important;  /* green-600 */
}
[data-theme="light"] .text-emerald-400 {
  color: #059669 !important;
}

/* Red */
[data-theme="light"] .text-red-400 {
  color: #dc2626 !important;  /* red-600 */
}

/* Yellow → amber for readability */
[data-theme="light"] .text-yellow-400 {
  color: #b45309 !important;  /* amber-700 */
}
[data-theme="light"] .text-yellow-400\/80 {
  color: rgba(180,83,9,0.85) !important;
}

/* Indigo */
[data-theme="light"] .text-indigo-400 {
  color: #4f46e5 !important;  /* indigo-600 */
}

/* Pink */
[data-theme="light"] .text-pink-400 {
  color: #db2777 !important;  /* pink-600 */
}

/* Naver green — slightly deeper */
[data-theme="light"] .text-naver {
  color: #029a48 !important;
}

/* diff colors */
[data-theme="light"] .diff-positive {
  color: #16a34a !important;
}
[data-theme="light"] .diff-negative {
  color: #dc2626 !important;
}

/* ── Borders ── */

[data-theme="light"] .border-white\/5,
[data-theme="light"] .border-white\/\[0\.03\],
[data-theme="light"] .border-white\/\[0\.05\],
[data-theme="light"] .border-white\/10 {
  border-color: #e5e5eb !important;
}

[data-theme="light"] .border-naver\/10 {
  border-color: rgba(3,154,72,0.2) !important;
}
[data-theme="light"] .border-naver\/20,
[data-theme="light"] .border-naver\/30 {
  border-color: rgba(3,154,72,0.3) !important;
}

[data-theme="light"] .border-green-500\/10 { border-color: rgba(22,163,74,0.2) !important; }
[data-theme="light"] .border-green-500\/20 { border-color: rgba(22,163,74,0.3) !important; }
[data-theme="light"] .border-red-500\/10 { border-color: rgba(220,38,38,0.2) !important; }
[data-theme="light"] .border-red-500\/20 { border-color: rgba(220,38,38,0.3) !important; }
[data-theme="light"] .border-yellow-500\/20 { border-color: rgba(180,83,9,0.25) !important; }

/* ── Inputs ── */

[data-theme="light"] input,
[data-theme="light"] textarea {
  background-color: #ffffff !important;
  color: #1e1e2e !important;
  border-color: #dddde5 !important;
}
[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus {
  border-color: #03c75a !important;
}
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: #a0a0b0 !important;
}

/* ── Badges & pills ── */

/* Naver green bg */
[data-theme="light"] .bg-naver\/5 {
  background-color: rgba(3,154,72,0.06) !important;
}
[data-theme="light"] .bg-naver\/15,
[data-theme="light"] .bg-naver\/20 {
  background-color: rgba(3,154,72,0.1) !important;
}

/* Status badges */
[data-theme="light"] .bg-green-500\/5 { background-color: rgba(22,163,74,0.06) !important; }
[data-theme="light"] .bg-green-500\/10 { background-color: rgba(22,163,74,0.08) !important; }
[data-theme="light"] .bg-green-500\/15 { background-color: rgba(22,163,74,0.1) !important; }
[data-theme="light"] .bg-red-500\/5 { background-color: rgba(220,38,38,0.05) !important; }
[data-theme="light"] .bg-red-500\/10 { background-color: rgba(220,38,38,0.08) !important; }
[data-theme="light"] .bg-red-500\/15 { background-color: rgba(220,38,38,0.1) !important; }
[data-theme="light"] .bg-yellow-500\/10 { background-color: rgba(180,83,9,0.07) !important; }
[data-theme="light"] .bg-yellow-500\/15 { background-color: rgba(180,83,9,0.1) !important; }
[data-theme="light"] .bg-zinc-500\/15 { background-color: rgba(92,92,114,0.1) !important; }

/* Score bar gradient — darker for light bg */
[data-theme="light"] .from-green-500 { --tw-gradient-from: #16a34a !important; }
[data-theme="light"] .via-yellow-500 { --tw-gradient-via: #b45309 !important; }
[data-theme="light"] .to-red-500 { --tw-gradient-to: #dc2626 !important; }

/* ── Scrollbar ── */

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.12) !important;
}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.2) !important;
}

/* ── Glass / blur ── */

[data-theme="light"] .glass {
  background: rgba(255,255,255,0.85) !important;
  border-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .backdrop-blur-xl {
  backdrop-filter: blur(20px) !important;
}

/* ── Hover states ── */

[data-theme="light"] .hover\:bg-white\/10:hover {
  background-color: rgba(0,0,0,0.06) !important;
}
[data-theme="light"] .hover\:bg-white\/\[0\.02\]:hover {
  background-color: rgba(0,0,0,0.03) !important;
}
[data-theme="light"] .hover\:text-white:hover,
[data-theme="light"] .hover\:text-zinc-200:hover,
[data-theme="light"] .hover\:text-zinc-300:hover {
  color: #1e1e2e !important;
}
[data-theme="light"] .hover\:text-zinc-400:hover {
  color: #3a3a4e !important;
}
[data-theme="light"] .hover\:border-naver\/20:hover,
[data-theme="light"] .hover\:border-naver\/30:hover {
  border-color: rgba(3,154,72,0.35) !important;
}
[data-theme="light"] .hover\:border-zinc-700\/50:hover {
  border-color: rgba(0,0,0,0.12) !important;
}

/* ── Cards shadow ── */

[data-theme="light"] .rounded-lg,
[data-theme="light"] .rounded-xl,
[data-theme="light"] .rounded-2xl {
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 1px 4px rgba(0,0,0,0.02);
}

/* ── Prose (privacy/terms) ── */

[data-theme="light"] .prose-invert {
  --tw-prose-body: #3a3a4e;
  --tw-prose-headings: #1e1e2e;
}

/* ── Theme toggle button ── */

[data-theme="light"] #themeToggle {
  color: #5c5c72;
}
[data-theme="light"] #themeToggle:hover {
  background-color: rgba(0,0,0,0.06);
  color: #1e1e2e;
}

/* ── Misc ── */

/* Gradient text — keep naver green */
[data-theme="light"] .gradient-text {
  background: linear-gradient(135deg, #029a48, #16a34a) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Search glow — subtle for light */
[data-theme="light"] .btn-glow:hover {
  box-shadow: 0 0 16px rgba(3,199,90,0.15) !important;
}

/* Loading spinner */
[data-theme="light"] .loading-spinner,
[data-theme="light"] .mini-spinner {
  border-color: rgba(3,199,90,0.15) !important;
  border-top-color: #03c75a !important;
}

/* Animate pulse skeleton */
[data-theme="light"] .animate-pulse > div {
  background-color: #e5e5eb !important;
}