/* POOLBAAS V3 — DESIGN TOKENS */
:root {
  --pb3-purple-950: #16062f;
  --pb3-purple-900: #251052;
  --pb3-purple-800: #34146d;
  --pb3-purple-700: #4e2491;
  --pb3-purple-600: #6f3fc2;
  --pb3-purple-100: #eee8fb;
  --pb3-ink-950: #17131e;
  --pb3-ink-800: #2a2532;
  --pb3-ink-600: #625b6d;
  --pb3-ink-400: #9a93a4;
  --pb3-surface: #ffffff;
  --pb3-surface-soft: #f7f5fa;
  --pb3-surface-muted: #efecf4;
  --pb3-border: #e1dce8;
  --pb3-green: #15955f;
  --pb3-green-soft: #e7f7ef;
  --pb3-red: #d44949;
  --pb3-red-soft: #faecec;
  --pb3-amber: #b2760f;
  --pb3-amber-soft: #fff4d8;
  --pb3-shadow-sm: 0 2px 8px rgba(31, 14, 61, .06);
  --pb3-shadow-md: 0 12px 35px rgba(31, 14, 61, .10);
  --pb3-shadow-lg: 0 24px 70px rgba(31, 14, 61, .16);
  --pb3-radius-sm: 10px;
  --pb3-radius-md: 16px;
  --pb3-radius-lg: 22px;
  --pb3-radius-xl: 30px;
  --pb3-space-1: 4px;
  --pb3-space-2: 8px;
  --pb3-space-3: 12px;
  --pb3-space-4: 16px;
  --pb3-space-5: 20px;
  --pb3-space-6: 24px;
  --pb3-space-8: 32px;
  --pb3-space-10: 40px;
  --pb3-space-12: 48px;
  --pb3-space-16: 64px;
  --pb3-content-max: 1680px;
  --pb3-sidebar-width: 260px;
  --pb3-rail-width: 320px;
  --pb3-header-height: 78px;
  --pb3-ease: cubic-bezier(.2,.8,.2,1);
}