/* ============================================================
   Groupler → onimai.eu / .ch theme.
   Re-skins Groupler to the OniCenter/Onimai look by overriding
   its design tokens (palette + fonts). Loaded LAST so it wins.
   Layout stays Groupler's; colours & type become Onimai's.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* Grouplers lokale Variablennamen sind jetzt ALIASE auf die geteilte
   Quelle oni-tokens.css (Single Source of Truth). Werte identisch zu
   vorher → kein optischer Sprung, aber Marke/Akzent kommen nun aus
   --accent (ändere --brand-accent in oni-tokens.css → beide Apps reskinnen). */
:root{
  /* backgrounds → near-black (Onimai) */
  --bg-1:var(--bg); --bg-2:var(--bg-surface); --bg-3:#11141f;
  --bg-card:var(--bg-glass); --bg-card-hover:rgba(16,20,34,0.86); --bg-elevated:var(--bg-elev);

  /* accents → aus der geteilten Token-Quelle */
  --pink:var(--accent); --pink-soft:var(--storm);
  --violet:var(--purple); --violet-deep:#a855f7;
  --cyan:var(--info); --lime:var(--ok); --gold:var(--gold); --rose:var(--danger);

  /* text → aus der geteilten Token-Quelle */
  --ink-0:#ffffff; --ink-1:var(--text); --ink-2:var(--text-2); --ink-3:#6b7693; --ink-4:var(--text-3);

  /* lines → aus der geteilten Token-Quelle */
  --line:var(--border); --line-h:var(--border-h);

  /* fonts → aus der geteilten Token-Quelle */
  --font-b:'Outfit',system-ui,sans-serif;
  --font-h:var(--font-d);
  --font-a:var(--font-d);
  --font-m:'Space Mono',ui-monospace,monospace;
}

/* selection + scrollbar in Onimai pink */
::selection{background:var(--pink);color:#04050a;}

/* Big display headings → Bebas Neue (Onimai hero look). Groupler's
   heading classes hard-code --font-b + tight tracking, so override. */
.hero-title,.bento-big,.stat-row-val,.violet-num,h1.section-title,.section-title,.panel-header h2{
  font-family:'Bebas Neue','Outfit',sans-serif!important;
  letter-spacing:0.035em!important;
  font-weight:400!important;
}
.hero-title{line-height:0.95!important;}

/* The gradient accent word ("Community.") → Onimai gradient */
.hero h1 .grad,.grad{
  background:linear-gradient(120deg,#fff 0%,#ff8ebb 50%,#ff6097 75%,#c084fc 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}

/* Hide Groupler's own chrome — replaced by the OniCenter shell
   (groupler-chrome.css header/loader/scroll-bar + groupler-shell.js
   + groupler-glow.js orbs/particles/grid). */
#topnav{display:none!important;}
/* Auth-Seiten (login/register/submit) tragen ihre eigene Inline-Navbar <nav class="top">
   — die wird durch die geteilte Shell-Navbar (#navbar) ersetzt, sonst doppelte Navigation. */
nav.top{display:none!important;}
.bg-blob{display:none!important;}
.dot-grid{display:none!important;}
#sbar{display:none!important;}

/* Chrome tokens (consumed by groupler-chrome.css rules). Defined here
   because this stylesheet's :root reliably applies. */
:root{
  --bg:#04050a; --bg-glass:rgba(8,10,19,0.85);
  --accent:#ff6097; --accent-b:#d91b5c; --ok:#3ddc97; --storm:#ff8ebb;
  --text:#f3f6fc; --text-2:#a2b0d6; --text-3:#4a5775;
  --border:rgba(255,96,151,0.12); --border-h:rgba(255,96,151,0.32);
  --ease:cubic-bezier(0.4,0,0.2,1);
  --font-d:'Bebas Neue',sans-serif;
  --r-sm:8px; --r-md:14px;
}

/* Groupler's own footer hidden — replaced by the OniCenter footer (#oni-footer). */
body > footer:not(#oni-footer){display:none!important;}