/* Light mode: readable text + developer theme. Dark mode untouched. */

[data-theme="light"] {
  --text-primary: #0b1220 !important;
  --text-secondary: #334155 !important;
  --text-muted: #475569 !important;
  --accent: #0369a1 !important;
  --accent-hover: #075985 !important;
  --accent-rgb: 3, 105, 161 !important;
  --green: #047857 !important;
  --gradient-primary: linear-gradient(135deg, #0369a1 0%, #047857 100%) !important;
}

[data-theme="light"][data-brand="plccracker"] {
  --accent: #c2410c !important;
  --accent-hover: #9a3412 !important;
  --accent-rgb: 194, 65, 12 !important;
  --green: #b45309 !important;
  --gradient-primary: linear-gradient(135deg, #c2410c 0%, #b45309 100%) !important;
}

[data-theme="light"] .section-title,
[data-theme="light"] .sp-header h1,
[data-theme="light"] .clp-title,
[data-theme="light"] .contact-header h1,
[data-theme="light"] .donate-header h1,
[data-theme="light"] .gradient-text,
[data-theme="light"] .hero-gradient,
[data-theme="light"] .hero-stat-num,
[data-theme="light"] .page-header .section-title,
[data-theme="light"] .page-header h1 {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--accent) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .hero {
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 48%, #e8eef5 100%) !important;
}
[data-theme="light"][data-brand="plccracker"] .hero {
  background: linear-gradient(180deg, #fff8f3 0%, #fff1e8 48%, #f8fafc 100%) !important;
}
[data-theme="light"] .hero-bg-pattern {
  background:
    radial-gradient(circle at 20% 50%, rgba(2, 132, 199, 0.10) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(5, 150, 105, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 50% 80%, rgba(124, 58, 237, 0.05) 0%, transparent 40%) !important;
}
[data-theme="light"][data-brand="plccracker"] .hero-bg-pattern {
  background:
    radial-gradient(circle at 20% 50%, rgba(194, 65, 12, 0.10) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(180, 83, 9, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 50% 80%, rgba(234, 88, 12, 0.05) 0%, transparent 40%) !important;
}
[data-theme="light"] .hero-code-layer { opacity: 1 !important; }
[data-theme="light"] .hero-code-block {
  background: rgba(15, 23, 42, 0.90) !important;
  border-color: rgba(56, 189, 248, 0.28) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
  text-shadow: none !important;
}
[data-theme="light"] .code-ladder { color: #34d399 !important; border-color: rgba(52, 211, 153, 0.42) !important; }
[data-theme="light"] .code-csharp { color: #38bdf8 !important; border-color: rgba(56, 189, 248, 0.42) !important; }
[data-theme="light"] .code-hmi { color: #fb923c !important; border-color: rgba(251, 146, 60, 0.42) !important; }
[data-theme="light"] .code-hack { color: #f87171 !important; border-color: rgba(248, 113, 113, 0.42) !important; }
[data-theme="light"] .code-struct { color: #c084fc !important; border-color: rgba(192, 132, 252, 0.42) !important; }
[data-theme="light"] .code-network { color: #facc15 !important; border-color: rgba(250, 204, 21, 0.42) !important; }
[data-theme="light"] .hero-scanlines {
  opacity: 1 !important;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(15, 23, 42, 0.03) 2px, rgba(15, 23, 42, 0.03) 4px) !important;
}
[data-theme="light"] .hero h1 {
  color: #0f172a !important;
  text-shadow: none !important;
}
[data-theme="light"] .hero-subtitle { color: #334155 !important; }
[data-theme="light"] .hero-badge {
  background: rgba(2, 132, 199, 0.10) !important;
  border-color: rgba(2, 132, 199, 0.28) !important;
  color: #0369a1 !important;
}
[data-theme="light"][data-brand="plccracker"] .hero-badge {
  background: rgba(194, 65, 12, 0.10) !important;
  border-color: rgba(194, 65, 12, 0.28) !important;
  color: #c2410c !important;
}
[data-theme="light"] .hero-stat-label { color: #475569 !important; }
[data-theme="light"] .section-subtitle,
[data-theme="light"] .clp-subtitle,
[data-theme="light"] .contact-header p,
[data-theme="light"] .b2b-card p {
  color: #334155 !important;
}
[data-theme="light"] .btn-primary { color: #ffffff !important; }
