/* Shared theme for the TadPool marketing pages.
   Same colors as the home page (index.html): dark by default, with a light
   variant behind [data-theme="light"]. The choice is remembered in
   localStorage under "tadpool-theme" and shared by every page on the site.
   Inner pages (features, pricing, faq, vs-skimmer) load this file instead of
   carrying their own colors, so a color change happens in one place. */
:root {
      --background: oklch(0.145 0.02 255);
      --foreground: oklch(0.96 0.012 240);
      --card: oklch(0.195 0.025 255);
      --primary: oklch(0.72 0.14 195);
      --primary-foreground: oklch(0.14 0.02 255);
      --secondary: oklch(0.23 0.03 250);
      --secondary-foreground: oklch(0.9 0.012 240);
      --muted: oklch(0.21 0.02 255);
      --muted-foreground: oklch(0.68 0.02 240);
      --accent: oklch(0.28 0.07 200);
      --accent-foreground: oklch(0.82 0.1 190);
      --success: oklch(0.74 0.17 155);
      --border: oklch(0.3 0.025 255);
      --brand-glow-1: oklch(0.5 0.17 255);
      --brand-glow-2: oklch(0.6 0.15 210);
      --brand-glow-3: oklch(0.72 0.14 185);
      --shadow-color: 250 60% 2%;
      --radius: 0.875rem;
}
[data-theme="light"] {
      --background: oklch(0.985 0.004 240);
      --foreground: oklch(0.19 0.025 255);
      --card: oklch(1 0 0);
      --primary: oklch(0.36 0.11 248);
      --primary-foreground: oklch(0.99 0.004 240);
      --secondary: oklch(0.955 0.016 220);
      --secondary-foreground: oklch(0.3 0.06 240);
      --muted: oklch(0.96 0.008 240);
      --muted-foreground: oklch(0.5 0.025 252);
      --accent: oklch(0.91 0.06 197);
      --accent-foreground: oklch(0.28 0.09 220);
      --success: oklch(0.6 0.16 155);
      --border: oklch(0.91 0.011 240);
      --brand-glow-1: oklch(0.4 0.13 250);
      --brand-glow-2: oklch(0.52 0.14 210);
      --brand-glow-3: oklch(0.62 0.13 190);
      --shadow-color: 250 30% 30%;
}
/* ---------- Theme toggle button ---------- */
    .theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9999px; border: 1px solid var(--border); background: var(--card); color: var(--foreground); cursor: pointer; margin-right: 6px; flex-shrink: 0; }
    .theme-icon-moon { display: none; }
    [data-theme="light"] .theme-icon-sun { display: none; }
    [data-theme="light"] .theme-icon-moon { display: block; }

    
.site-header { background: color-mix(in oklab, var(--background) 85%, transparent); }
.hero-glow { background: radial-gradient(60% 50% at 80% 0%, color-mix(in oklab, var(--accent) 45%, transparent), transparent 60%); }
.compare-table td.tadpool-col { background: color-mix(in oklab, var(--accent) 30%, transparent); }