/* Dark mode is now the default theme.
   This file provides a light-mode toggle option if the user prefers it. */

[data-theme="light"] {
  --color-bg: #f8fafc;
  --color-surface: rgba(255, 255, 255, 0.85);
  --color-surface-hover: rgba(241, 245, 249, 0.9);
  --color-surface-solid: #ffffff;
  --color-text-main: #0f172a;
  --color-text-muted: #64748b;
  --color-border: rgba(0, 0, 0, 0.08);
  --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.08);
  --shadow-glow: 0 0 25px rgba(16, 185, 129, 0.15);
}

[data-theme="light"] body {
  background-image:
    radial-gradient(circle at 15% 50%, rgba(16, 185, 129, 0.06), transparent 30%),
    radial-gradient(circle at 85% 30%, rgba(14, 165, 233, 0.04), transparent 30%);
}

[data-theme="light"] .site-header {
  background: rgba(255, 255, 255, 0.7);
  border-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .logo {
  -webkit-text-fill-color: transparent;
}

[data-theme="light"] .main-nav a {
  color: #64748b;
}

[data-theme="light"] .main-nav a:hover,
[data-theme="light"] .main-nav a[aria-current="page"] {
  color: #0f172a;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
  color: #0f172a;
}

[data-theme="light"] .hero h1 {
  background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-theme="light"] .card-content h3 a {
  color: #0f172a;
}

[data-theme="light"] .list-item h3 a {
  color: #0f172a;
}

[data-theme="light"] .widget h3 {
  color: #0f172a;
}

[data-theme="light"] .search-form {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .search-form input {
  color: #0f172a;
}

[data-theme="light"] .site-footer {
  background: #0f172a;
}

[data-theme="light"] .article-content p,
[data-theme="light"] .article-content ul,
[data-theme="light"] .article-content ol {
  color: #334155;
}

[data-theme="light"] .article-content h2 {
  color: #0f172a;
  border-bottom-color: rgba(0,0,0,0.1);
}

[data-theme="light"] .article-content h3 {
  color: #1e293b;
}