/* Uncharted theme · "Imperial purple + antique gold" (Christiaan's pick, email 13.10:
   "I love this purple suggestion, it looks a bit retro but very rich"). Royal aubergine #43245E,
   antique gold #C9A45C, warm parchment #F7F2EA; a deep, earthy purple, not a digital violet.
   Brand world (campaign plan §55): Portuguese navigation + modern intelligence, "Uncharted Territory".
   Loaded last on every page, so it overrides each page's own palette, light or dark. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=IBM+Plex+Mono:wght@500;600&display=swap');

html:root, html:root:not([data-theme="x"]){
  --bg:#1c1026; --panel:#29183a; --ink:#f7f2ea; --muted:#bcaabd; --line:#4a3160;
  --accent:#c9a45c; --accent-ink:#1c1026; --good:#9cc3a0; --bubble:#30203f; --me:#43245e;
  --dark:#43245e; --aubergine:#43245e; --gold:#c9a45c; --parchment:#f7f2ea;
  --serif:'Fraunces',Georgia,serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
  color-scheme:dark;
}
html body{
  background-color:var(--bg);
  /* a faint chart grid: latitude and longitude lines in gold */
  background-image:
    radial-gradient(900px 480px at 50% -120px, rgba(67,36,94,.85), transparent 70%),
    repeating-linear-gradient(0deg, rgba(201,164,92,.045) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg, rgba(201,164,92,.045) 0 1px, transparent 1px 64px);
  background-attachment:fixed;
}
html body h1, html body h2, html body h3{font-family:var(--serif);font-weight:700;letter-spacing:.005em}
html body h1{font-weight:700}
::selection{background:var(--gold);color:var(--bg)}

/* Founder ID card = the Founder Trade Card (campaign plan §7-8: collectible, printed on
   holographic paper). Aubergine card, antique-gold frame, a slow foil sheen. */
html body .idcard{
  position:relative; overflow:clip; isolation:isolate;
  background:linear-gradient(160deg,#4d2a6b 0%,#43245e 45%,#26142f 100%);
  border:1px solid rgba(201,164,92,.75);
  box-shadow:0 0 0 4px rgba(201,164,92,.12), 0 18px 50px rgba(0,0,0,.45);
}
html body .idcard::after{
  content:""; position:absolute; inset:-40%; z-index:-1; pointer-events:none;
  background:linear-gradient(115deg, transparent 35%, rgba(255,232,170,.16) 45%, rgba(190,140,255,.12) 50%, rgba(140,220,210,.10) 55%, transparent 65%);
  animation:foil 7s ease-in-out infinite;
}
@keyframes foil{0%,100%{transform:translateX(-30%)}50%{transform:translateX(30%)}}
@media (prefers-reduced-motion:reduce){html body .idcard::after{animation:none}}
html body .idcard h3, html body .idcard .scores b{font-family:var(--serif)}
html body .idcard .stage{font-family:var(--mono);font-weight:600;letter-spacing:.1em}