/* Dark theme for the standalone pages the app links to: About, Terms,
   Privacy, Delete account (2026-10-06). The same palette as the app's
   <style id="dark-theme"> in index.html, re-skinning each page's own light
   variables. Linked from each page as <link id="dark-theme">; a saved
   je_theme = "light" (Profile > Appearance) switches it off before the
   first paint, exactly as the app does. */
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 700;
  font-display: swap; src: url("/fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url("/fonts/geist-latin-wght-normal.woff2") format("woff2"); }

:root {
  color-scheme: dark;
  --bg1: #0A0A0F; --bg2: #0A0A0F; --bg3: #0A0A0F;
  --ink: #F5F4F8; --muted: #A9A7B5; --line: rgba(255,255,255,.07);
  --g1: #A88BFF; --g2: #8E3FC8;
  --nu-raise: 0 0 0 1px rgba(255,255,255,.06);
  --nu-raise-sm: 0 0 0 1px rgba(255,255,255,.06);
  --nu-press: 0 0 0 1px rgba(255,255,255,.08) inset;
  --nu-surface: #14141B;
}
body {
  font-family: "Geist", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: radial-gradient(120% 320px at 50% 0%, rgba(124,92,255,.12) 0%, rgba(10,10,15,0) 100%), #0A0A0F;
  background-attachment: scroll;
}
h1 {
  font-family: "Bricolage Grotesque", -apple-system, "Segoe UI", sans-serif; font-weight: 700;
  background: none; -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-fill-color: currentColor; color: #F5F4F8;
}
h2, h3 { color: #F5F4F8; }
p, li { color: #D6D4DE; }
a { color: #B49CFF; }
::placeholder { color: #8A8898; opacity: 1; }

.cta, .mailto { background: linear-gradient(135deg, #6C4CF0 0%, #8E3FC8 100%);
  box-shadow: 0 10px 24px -10px rgba(124,92,255,.75); }