:root {
  --clubon-primary:#00f7e4;
  --clubon-primary-hover:#00d8c8;
  --clubon-primary-ink:#041312;
  --clubon-bg:#0b0b0f;
  --clubon-surface:#141419;
  --clubon-surface-2:#1b1b21;
  --clubon-surface-3:#222229;
  --clubon-text:#ffffff;
  --clubon-text-muted:#b9bcc5;
  --clubon-text-soft:#8f939d;
  --clubon-border:rgba(255,255,255,.09);
  --clubon-border-strong:rgba(255,255,255,.15);
  --clubon-danger:#ff5f6d;
  --clubon-warning:#ffcb6b;
  --clubon-success:#4ef2a7;
  --clubon-radius-sm:10px;
  --clubon-radius:16px;
  --clubon-radius-lg:24px;
  --clubon-shadow:0 18px 50px rgba(0,0,0,.22);
  --clubon-space-1:6px;
  --clubon-space-2:10px;
  --clubon-space-3:14px;
  --clubon-space-4:18px;
  --clubon-space-5:24px;
  --clubon-space-6:32px;
  --clubon-space-7:44px;
  --clubon-max:1180px;
}