/* Bundled type: Inter (variable, SIL OFL) and JetBrains Mono (SIL OFL). Served as _content/Sorted.Client/fonts/. */
@font-face { font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap; src:url("../fonts/InterVariable.woff2") format("woff2"); }
@font-face { font-family:"Inter"; font-style:italic; font-weight:100 900; font-display:swap; src:url("../fonts/InterVariable-Italic.woff2") format("woff2"); }
@font-face { font-family:"JetBrains Mono"; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/JetBrainsMono.woff2") format("woff2"); }

/* Sorted — design tokens (verbatim from the design system, section 2). */
:root {
  /* surfaces — lighter = more elevated */
  --bg-0:#0A0A0C; --bg-1:#121216; --bg-2:#1A1A20; --bg-3:#24242C; --bg-4:#2F2F38;

  /* text */
  --fg-0:#F3F3F5; --fg-1:#A9A9B3; --fg-2:#8B8B97;   /* fg-2 lifted from #6E6E7A (3.7:1 on bg-1) to 5.5:1 so 12px muted text passes AA */

  /* neon */
  --neon-green:#39FF88; --neon-pink:#FF3DA6; --neon-purple:#A56BFF;
  --neon-green-dim:#1F7A47; --neon-pink-dim:#8A2560; --neon-purple-dim:#5A3A99;

  --tint-green:rgba(57,255,136,.12); --tint-pink:rgba(255,61,166,.12); --tint-purple:rgba(165,107,255,.12);

  --accent:var(--neon-pink); --success:var(--neon-green); --active:var(--neon-purple);
  --danger:#FF4D4D; --warning:#FFC145;

  --bubble-in:var(--bg-2); --bubble-out:#1E1836;

  --status-grey:#8B8B97; --status-green:var(--neon-green); --status-purple:var(--neon-purple);
  --status-pink:var(--neon-pink); --status-amber:#FFC145; --status-blue:#4DA3FF; --status-red:#FF4D4D;

  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;   /* bundled below; the stack is only a fallback */
  --font-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",monospace;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;
  --radius-sm:6px; --radius-md:12px; --radius-lg:18px; --radius-full:999px;
  --hairline:1px solid var(--bg-4);

  --glow-pink:0 0 12px rgba(255,61,166,.55);
  --glow-green:0 0 12px rgba(57,255,136,.55);

  --ease:cubic-bezier(.2,.8,.2,1); --dur-fast:120ms; --dur-base:200ms; --dur-slow:320ms;

  --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-reduced-motion: reduce) { * { transition-duration:0ms !important; animation:none !important; } }