@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{
  --accent:#8F91DD; --accent-deep:#6B6DCB; --accent-soft:rgba(143,145,221,.12); --accent-border:rgba(143,145,221,.34);
  --bg:#F6F6FB; --surface:#FFFFFF; --surface-2:#FbFbFe; --inset:#F1F1F7;
  --text:#1B1B2A; --text-2:#4A4A5E; --muted:#8A8A9C; --disabled:#B6B6C6;
  --border:rgba(27,27,42,.10); --border-strong:rgba(27,27,42,.18);
  --success:#3F9A6A; --success-soft:rgba(63,154,106,.14);
  --warning:#C99A3B; --warning-soft:rgba(201,154,59,.16);
  --danger:#CC5B57; --danger-soft:rgba(204,91,87,.13);
  --font:'Manrope',ui-sans-serif,system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(20,20,40,.05),0 2px 6px rgba(20,20,40,.05);
  --sh-md:0 8px 24px rgba(20,20,40,.08); --sh-pop:0 20px 56px rgba(20,20,40,.18);
  --sp-2:4px; --sp-3:6px; --sp-4:8px; --sp-5:12px; --sp-6:16px; --sp-7:20px; --sp-8:24px; --sp-9:32px; --sp-10:40px;
}