/* Vendored from MyOffice web design system 1.1.
   Source commit: eaaa2f2c561b0fcf1549020427e294d8dae488c8 */
:root {
  --mo-bg: #07070f;
  --mo-bg-halo: #15103a;
  --mo-surface: #0a0f19;
  --mo-surface-raised: #101522;
  --mo-cyan: #00f0ff;
  --mo-purple: #7b61ff;
  --mo-heading: #ffffff;
  --mo-body: #94a3b8;
  --mo-muted-source: #64748b;
  --mo-muted: #8997ad;
  --mo-border: rgba(255,255,255,.06);
  --mo-control-border: #5B6880;
  --mo-error: #ff7a8a;
  --mo-success: #4ade80;
  --mo-warning: #fbbf24;
  --mo-gradient: linear-gradient(135deg, var(--mo-cyan), var(--mo-purple));
  --mo-button-primary-bg: linear-gradient(135deg, #00f0ff, #7b61ff);
  --mo-button-primary-shadow: 0 0 24px rgba(0,240,255,.25);
  --mo-button-primary-shadow-hover: 0 0 36px rgba(123,97,255,.45);
  --mo-button-nav-bg: linear-gradient(135deg, #00f0ff, #00c8d4);
  --mo-button-nav-bg-hover: linear-gradient(135deg, #33f5ff, #00e0ee);
  --mo-button-text: #07070f;
  --mo-font-heading: 'Bricolage Grotesque', system-ui, sans-serif;
  --mo-font-body: 'JetBrains Mono', ui-monospace, monospace;
  --mo-space-1: 4px;
  --mo-space-2: 8px;
  --mo-space-3: 12px;
  --mo-space-4: 16px;
  --mo-space-6: 24px;
  --mo-space-8: 32px;
  --mo-space-12: 48px;
  --mo-space-16: 64px;
  --mo-radius-field: 12px;
  --mo-radius-card: 14px;
  --mo-radius-shell: 24px;
  --mo-radius-pill: 999px;
  --mo-content-width: 1440px;
  --mo-form-width: 880px;
  --mo-login-width: 560px;
  --mo-motion: 180ms ease;
  --mo-shadow: 0 30px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
}