try { let savedTheme = localStorage.getItem("theme") || "dark"; if (savedTheme === "system") { savedTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; localStorage.setItem("theme", savedTheme); } const isDark = savedTheme === "dark"; document.documentElement.classList.toggle("dark", isDark); document.documentElement.dataset.theme = isDark ? "dark" : "light"; document.documentElement.style.colorScheme = isDark ? "dark" : "light"; const savedColor = localStorage.getItem("primary-color") || "#3e6d46"; document.documentElement.style.setProperty("--primary", savedColor); document.documentElement.style.setProperty("--ring", savedColor); const normalized = savedColor.replace("#", ""); const red = parseInt(normalized.slice(0, 2), 16); const green = parseInt(normalized.slice(2, 4), 16); const blue = parseInt(normalized.slice(4, 6), 16); const brightness = (red * 299 + green * 587 + blue * 114) / 1000; const contrastColor = brightness > 150 ? "oklch(0.1 0 0)" : "oklch(0.98 0 0)"; document.documentElement.style.setProperty("--primary-foreground", contrastColor); // Early favicon: same mark as hero (solid primary square + soft glow) const canvas = document.createElement("canvas"); canvas.width = 64; canvas.height = 64; const ctx = canvas.getContext("2d"); let faviconHref; let faviconType = "image/png"; if (ctx) { const square = 28; const x = (64 - square) / 2; const y = (64 - square) / 2; ctx.shadowColor = savedColor; ctx.shadowBlur = 16; ctx.fillStyle = savedColor; ctx.fillRect(x, y, square, square); ctx.shadowBlur = 0; ctx.fillRect(x, y, square, square); faviconHref = canvas.toDataURL("image/png"); } else { const svg = ''; faviconHref = "data:image/svg+xml," + encodeURIComponent(svg); faviconType = "image/svg+xml"; } document.querySelectorAll("link[rel*='icon']").forEach(function(el) { el.remove(); }); var iconLink = document.createElement("link"); iconLink.setAttribute("rel", "icon"); iconLink.setAttribute("type", faviconType); iconLink.setAttribute("data-dynamic-favicon", "true"); iconLink.setAttribute("href", faviconHref); document.head.appendChild(iconLink); } catch (e) {}