/* SnarkStrategy theme: zkSNARKS palette + JetBrains Mono over the vendored SnarkStrategy bundle */
@import url("/fonts/jetbrains-mono.css");
:root{
  --font-sans:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--font-mono:var(--font-sans);
  --background:#f1f7f2;--foreground:#07130b;--card:#e8f2ea;--card-foreground:#07130b;--popover:#e8f2ea;--popover-foreground:#07130b;
  --primary:#0a1f12;--primary-foreground:#5dff8f;--secondary:#dcebe0;--secondary-foreground:#123d24;--muted:#d6e6da;--muted-foreground:#3f7a56;
  --accent:#cfe3d5;--accent-foreground:#123d24;--border:#b9d3c1;--input:#b9d3c1;--ring:#17a34a;
  --chart-1:#2a6b45;--chart-2:#3fa565;--chart-3:#5dff8f;--chart-4:#1b4630;--chart-5:#8fcfa8;
  --color-trading:#2a6b45;--color-rewards:#5dff8f;
}
.dark{
  --background:#050806;--foreground:#d6ffe4;--card:#080d0a;--card-foreground:#d6ffe4;--popover:#080d0a;--popover-foreground:#d6ffe4;
  --primary:#5dff8f;--primary-foreground:#031a0a;--secondary:#0e1a12;--secondary-foreground:#c8ffdc;--muted:#0f2418;--muted-foreground:#8fcfa8;
  --accent:#12281a;--accent-foreground:#c8ffdc;--destructive:#ff5a5a;--border:#1b4630;--input:#0f2418;--ring:#5dff8f;
  --chart-1:#2a6b45;--chart-2:#3fa565;--chart-3:#5dff8f;--chart-4:#1b4630;--chart-5:#8fcfa8;
  --color-trading:#2a6b45;--color-rewards:#5dff8f;
}
html,body{font-family:var(--font-sans)!important;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
h1,h2,h3{letter-spacing:-.04em}
.heroText{background-image:linear-gradient(90deg,#0000 0%,#ffffffb3 45%,#ffffff 50%,#ffffffb3 55%,#0000 100%),linear-gradient(45deg,#2a6b45 0%,#3fa565 25%,#5dff8f 50%,#3fa565 75%,#86ffb0 100%)!important;
  filter:drop-shadow(0 0 14px rgba(93,255,143,.25))}
.dark .heroText{background-image:linear-gradient(90deg,#0000 0%,#ffffffb3 45%,#ffffff 50%,#ffffffb3 55%,#0000 100%),linear-gradient(45deg,#3fa565 0%,#5dff8f 30%,#c8ffdc 50%,#5dff8f 70%,#3fa565 100%)!important}
/* phosphor CRT layer, dark only */
.dark body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;
  background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.10) 3px 4px)}
.dark body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,rgba(0,0,0,.5) 100%)}
/* pixel art stays crisp */
img[src*="/snarks/"]{image-rendering:pixelated}
/* buttons and cards: squarer, mono, glow on primary */
button,[data-slot="badge"],[data-slot="card"],.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl,.rounded-md{border-radius:4px!important}
.dark button.bg-primary,.dark [class*="bg-primary"]:not(.h-full){box-shadow:0 0 18px rgba(93,255,143,.28)}
.dark .bg-primary{color:#031a0a}
/* the yoyo ball: green phosphor instead of indigo */
.dark .bg-radial-\[at_30\%_120\%\]{--tw-gradient-from:#5dff8f;--tw-gradient-to:#050806}
/* logo: white in dark mode via the bundle's own filter hook; keep it sharp */
nav img[alt="SnarkStrategy"]{image-rendering:auto}
/* labels in caps tracking like zksnarks.net */
nav p.text-xs,[data-slot="badge"]{letter-spacing:.18em;text-transform:uppercase;font-size:10px}
::selection{background:#5dff8f;color:#000}
/* yoyo ball: dark sphere with a phosphor rim, not a green blob */
.dark .bg-radial-\[at_30\%_120\%\]{--tw-gradient-from:#123d24;--tw-gradient-to:#050806;box-shadow:0 0 40px rgba(93,255,143,.18),inset -20px -30px 60px rgba(0,0,0,.7)}
/* progress bar: green ramp */
.from-pink-300{--tw-gradient-from:#2a6b45!important}