/**
 * Site-wide light theme for Dad's Growth Lab.
 * Linked from public pages. Complements remapped Tailwind tokens.
 *
 * Neon #00FF88 = button fills only.
 * Text accents on light surfaces = #00562A (readable).
 * Neon text only allowed inside dark islands (.bg-black / .bg-ink).
 */
:root {
  --dgl-green-500: #00ff88;
  --dgl-green-400: #00d26f;
  --dgl-green-300: #00a757;
  --dgl-green-200: #007d40;
  --dgl-green-100: #00562a;
  --dgl-green-50: #003216;
  --dgl-pink-50: #ffecf0;
  --dgl-pink-300: #ff0077;
  --dgl-gray-50: #d9e0db;
  --dgl-gray-100: #b2b8b4;
  --dgl-gray-200: #8d928e;
  --dgl-gray-300: #696d6a;
  --dgl-gray-400: #484b49;
  --dgl-gray-500: #292b29;
  --dgl-gray-900: #101110;

  --dgl-bg: #ffffff;
  --dgl-bg-soft: #f4f7f5;
  --dgl-bg-tint: #eef3ef;
  --dgl-ink: #101110;
  --dgl-ink-muted: #696d6a;
  --dgl-ink-faint: #8d928e;
  --dgl-border: #d9e0db;
  --dgl-border-strong: #b2b8b4;
  --dgl-primary: #00ff88;
  --dgl-link: #00562a;
}

html {
  color-scheme: light;
}

body {
  background-color: var(--dgl-bg);
  color: var(--dgl-ink);
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: rgba(0, 255, 136, 0.35);
  color: var(--dgl-ink);
}

.dgl-hero-wash {
  background:
    radial-gradient(ellipse 80% 55% at 50% -10%, rgba(0, 255, 136, 0.16), transparent 55%),
    radial-gradient(ellipse 50% 40% at 90% 20%, rgba(255, 0, 119, 0.05), transparent 50%),
    linear-gradient(180deg, #ffffff 0%, #f4f7f5 100%);
}

.subtle-grid-light {
  background-image: radial-gradient(circle, rgba(0, 86, 42, 0.08) 1px, transparent 1px);
  background-size: 28px 28px;
}

/* Force readable green for text accents on light surfaces (never neon) */
.text-link,
.text-primary,
[class*="text-link/"],
[class*="text-primary/"] {
  color: #00562a !important;
}

.hover\:text-link:hover,
.hover\:text-primary:hover {
  color: #00562a !important;
}

.group:hover .group-hover\:text-link,
.group:hover .group-hover\:text-primary {
  color: #00562a !important;
}

/* Dark islands: light text + neon accents */
.bg-black .text-ink,
.bg-ink .text-ink {
  color: #ffffff !important;
}
.bg-black .text-ink-muted,
.bg-ink .text-ink-muted,
.bg-black .text-slate-200,
.bg-ink .text-slate-200 {
  color: #e2e8f0 !important;
}
.bg-black .text-ink-faint,
.bg-ink .text-ink-faint,
.bg-black .text-slate-300,
.bg-ink .text-slate-300 {
  color: #cbd5e1 !important;
}
.bg-black h1:not([class*="text-"]),
.bg-black h2:not([class*="text-"]),
.bg-black h3:not([class*="text-"]),
.bg-ink h1:not([class*="text-"]),
.bg-ink h2:not([class*="text-"]),
.bg-ink h3:not([class*="text-"]) {
  color: #ffffff;
}
.bg-black .text-link,
.bg-ink .text-link,
.bg-black .text-primary,
.bg-ink .text-primary {
  color: #00ff88 !important;
}

/* Blog / research prose: kill leftover dark-theme near-white headings */
.article-body {
  color: #484b49 !important;
}
.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body strong {
  color: #101110 !important;
}

.research-body {
  color: #484b49 !important;
}
.research-body h1,
.research-body h2,
.research-body h3,
.research-body h4,
.research-body strong,
.faq-item summary {
  color: #101110 !important;
}
.stat-detail,
.faq-item p {
  color: #484b49 !important;
}