/* Socialfy Nexus · Clickmax study tokens · Nexus palette 2026-09-01 15:30 BRT */
@font-face{font-family:Inter;src:url('./assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Kalam;src:url('./assets/fonts/kalam-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

:root{
  --nexus-blue-300:#4f8bff;
  --nexus-blue-500:#3b82f6;
  --nexus-blue-700:#1d4ed8;
  --nexus-green-400:#27c08a;
  --nexus-green-600:#00a884;
  --ink:#0a1628;
  --ink-deep:#070f1e;
  --night:#070f1e;
  --night-2:#0a1628;
  --night-3:#0f2038;
  --night-4:#12274a;
  --night-glass:rgba(79,139,255,.13);
  --night-glass-soft:rgba(10,22,40,.55);
  --paper:#f8faff;
  --paper-2:#f4f7fc;
  --paper-3:#e7eef9;
  --muted:#b8c6d9;
  --muted-2:#8ea1ba;
  --muted-3:#61758f;
  --line:rgba(79,139,255,.16);
  --line-soft:rgba(79,139,255,.08);
  --line-light:#d7e2f2;
  --aqua:var(--nexus-blue-300);
  --aqua-soft:rgba(79,139,255,.18);
  --aqua-faint:rgba(79,139,255,.07);
  --lime:var(--nexus-green-400);
  --lime-soft:rgba(39,192,138,.16);
  --green:var(--nexus-green-600);
  --green-soft:rgba(0,168,132,.16);
  --red:#eb001b;
  --red-soft:rgba(235,0,27,.16);
  --orange:#ff9f43;
  --black:#020817;
  --shadow:0 30px 80px rgba(0,0,0,.38);
  --shadow-soft:0 20px 50px rgba(0,0,0,.18);
  --glow:0 0 18px rgba(79,139,255,.5),0 0 70px rgba(59,130,246,.22);
  --gradient:linear-gradient(96deg,var(--nexus-blue-300) 0%,var(--nexus-blue-500) 48%,var(--nexus-green-400) 100%);
  --gradient-vertical:linear-gradient(180deg,var(--aqua) 0%,var(--lime) 100%);
  --gradient-dark:linear-gradient(180deg,var(--night-2),var(--night));
  --font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-hand:Kalam,'Comic Sans MS',cursive;
  --max:1208px;
  --max-wide:1320px;
  --r-sm:10px;
  --r-md:16px;
  --r-lg:20px;
  --r-xl:28px;
  --r-pill:999px;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  --space-16:4rem;
  --space-20:5rem;
  --space-24:6rem;
  --space-32:8rem;
  --dur-micro:120ms;
  --dur-short:220ms;
  --dur-long:420ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --z-base:0;
  --z-sticky:20;
  --z-nav:50;
  --z-overlay:80;
}

@media (min-width:100rem){:root{--max:1360px;--max-wide:1560px}}
