/* ==========================================================
   JOBOX DESIGN SYSTEM
   Version : 1.0.0
   Module  : Theme Foundation
   ========================================================== */
:root{
  --jbx-bg:#070b14;--jbx-bg-elevated:#0d101a;--jbx-surface:#101722;--jbx-surface-2:#181f31;--jbx-surface-3:#202941;
  --jbx-surface-alt:#171f2d;--jbx-surface-hover:#1d2636;--jbx-border:rgba(255,255,255,.08);--jbx-border-strong:rgba(255,255,255,.18);
  --jbx-text:#f5f7fb;--jbx-text-soft:#c7ccda;--jbx-text-muted:#a8b3c7;--jbx-text-faint:#79849a;--jbx-muted:#8e97aa;
  --jbx-primary:#7c5cff;--jbx-primary-2:#4f8cff;--jbx-primary-light:#8f73ff;--jbx-accent:#52b8ff;
  --jbx-success:#2ed573;--jbx-warning:#ffb020;--jbx-danger:#ff5f6d;
  --jbx-radius-sm:8px;--jbx-radius-md:12px;--jbx-radius-lg:18px;--jbx-radius-xl:26px;
  --jbx-shadow-sm:0 8px 24px rgba(0,0,0,.20);--jbx-shadow-md:0 18px 50px rgba(0,0,0,.30);--jbx-shadow-primary:0 14px 34px rgba(115,87,255,.24);
  --jbx-space-1:4px;--jbx-space-2:8px;--jbx-space-3:12px;--jbx-space-4:16px;--jbx-space-5:20px;--jbx-space-6:24px;--jbx-space-8:32px;--jbx-space-10:40px;--jbx-space-12:48px;--jbx-transition:180ms ease;
}

:root[data-theme="light"]{
  color-scheme:light;
  --jbx-bg:#f4f6fb;--jbx-bg-elevated:#ffffff;--jbx-surface:#ffffff;--jbx-surface-2:#f0f3f9;--jbx-surface-3:#e7ebf4;
  --jbx-surface-alt:#f5f7fb;--jbx-surface-hover:#e9edf6;--jbx-border:rgba(24,35,55,.12);--jbx-border-strong:rgba(24,35,55,.22);
  --jbx-text:#182033;--jbx-text-soft:#3f4b62;--jbx-text-muted:#5e6b82;--jbx-text-faint:#7b879b;--jbx-muted:#6f7b90;
  --jbx-shadow-sm:0 8px 24px rgba(31,43,68,.08);--jbx-shadow-md:0 18px 50px rgba(31,43,68,.12);
}

*{box-sizing:border-box}
html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
body{
  background:radial-gradient(circle at 15% 0%,rgba(115,87,255,.12),transparent 34rem),radial-gradient(circle at 95% 12%,rgba(79,140,255,.08),transparent 30rem),var(--jbx-bg);
  color:var(--jbx-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;
}
a{color:inherit}
::selection{background:rgba(115,87,255,.35)}