/* ============================================================
   Godara Labs — LIGHT theme override for legacy pages
   (mobile-tools, stock-trading, education, 3d-viz)
   NOTE: filename kept from v1 ("legacy-dark.css") so the four
   pages' <link> tags didn't need to change — contents are the
   v2 light CozyPaws palette.
   Linked AFTER each page's inline <style> so it wins.
   ============================================================ */

:root {
  --bg: #F6F9EE; --bg2: #EDF4E2;
  --surface: #FFFFFF; --surface-h: #FBFDF7; --surface-hover: #FBFDF7;
  --border: rgba(23,71,43,0.12);
  --indigo: #1F5C38; --purple: #2C7A4B; --cyan: #2C7A4B;
  --amber: #F2740D; --orange: #E0650A;
  --emerald: #2C7A4B; --rose: #D9480F;
  --text: #16321F; --muted: #5C6F60; --dim: #84937F;
}

body { background: var(--bg); color: var(--text); }

/* Background decor */
.bg-mesh {
  background:
    radial-gradient(ellipse 80% 60% at 20% 8%, rgba(44,122,75,0.08), transparent),
    radial-gradient(ellipse 60% 50% at 82% 28%, rgba(242,116,13,0.06), transparent),
    radial-gradient(ellipse 70% 60% at 50% 95%, rgba(191,227,168,0.12), transparent),
    var(--bg) !important;
}
.bg-grid { opacity: .2 !important; background-image: radial-gradient(rgba(23,71,43,0.08) 1px, transparent 1px) !important; }

/* Nav + mobile menu */
.nav-header { background: rgba(246,249,238,0.85) !important; border-bottom: 1px solid var(--border) !important; }
.mobile-menu { background: rgba(246,249,238,0.98) !important; border-bottom: 1px solid var(--border) !important; }

/* Gradient text utilities → deep green */
.grad, .grad-amber {
  background: linear-gradient(135deg, #17472B 20%, #2C7A4B 70%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}

/* Alternating section overlays */
[style*="rgba(15,23,42"] { background: rgba(44,122,75,0.05) !important; }
.app-section:nth-child(even) { background: rgba(44,122,75,0.05); }

/* Primary buttons → orange with white ring */
.btn-primary, .nav-cta {
  background: #F2740D !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px #fff, 0 8px 24px rgba(242,116,13,0.35) !important;
}
.btn-primary:hover, .nav-cta:hover { background: #E0650A !important; }

/* Accent text fixes */
.ac-link, .fb.indigo, .hero-badge, .ctrl-badge span { color: #1F5C38 !important; }
.app-chip:hover .ac-link, footer a:hover { color: #F2740D !important; }
.fb.green, .price-highlight { color: #2C7A4B !important; }
.label-pill, .cs-pill, .price-tag, .years-highlight, .tl-dot.done { color: #E0650A !important; }

/* Cards / surfaces */
.card, .panel { background: var(--surface); border-color: var(--border); }

/* Footer — deep green block */
footer { background: #10331F !important; border-top: none !important; border-radius: 24px 24px 0 0; }
footer, footer p, footer div { color: #D7E8D2 !important; }
footer a { color: #D7E8D2 !important; }
footer img { filter: none; opacity: 1; background: #fff; border-radius: 10px; padding: 6px; }