/* WeSocial Theme: wesocial_default */
:root {
  --ws-brand-blue: #1F7BFF;
  --ws-brand-indigo: #4F46E5;
  --ws-brand-violet: #6D3DF5;
  --ws-brand-purple: #9333C9;
  --ws-brand-magenta: #E72E67;
  --ws-brand-heart: #EF3B68;
  --ws-gradient-brand: linear-gradient(90deg, #1F7BFF 0%, #4F46E5 28%, #6D3DF5 52%, #9333C9 72%, #E72E67 100%);
  --ws-gradient-soft: linear-gradient(135deg, rgba(31,123,255,.12) 0%, rgba(109,61,245,.12) 50%, rgba(231,46,103,.12) 100%);
  --ws-text-primary: #0F172A;
  --ws-text-secondary: #64748B;
  --ws-text-muted: #94A3B8;
  --ws-text-inverse: #FFFFFF;
  --ws-bg-body: #F8FAFC;
  --ws-bg-card: #FFFFFF;
  --ws-bg-soft: #F1F5F9;
  --ws-bg-dark: #0F172A;
  --ws-border-soft: #E5E7EB;
  --ws-border-medium: #CBD5E1;
  --ws-success: #22C55E;
  --ws-warning: #F97316;
  --ws-danger: #EF4444;
  --ws-info: #2563EB;
  --ws-shadow-card: 0 12px 32px rgba(15, 23, 42, .08);
  --ws-radius-card: 22px;
  --ws-radius-button: 13px;
  --ws-brand-blue-rgb: 31,123,255;
  --ws-brand-indigo-rgb: 79,70,229;
  --ws-brand-violet-rgb: 109,61,245;
  --ws-brand-purple-rgb: 147,51,201;
  --ws-brand-magenta-rgb: 231,46,103;
  --ws-brand-heart-rgb: 239,59,104;
  --ws-text-primary-rgb: 15,23,42;
  --ws-text-secondary-rgb: 100,116,139;
  --ws-text-muted-rgb: 148,163,184;
  --ws-text-inverse-rgb: 255,255,255;
  --ws-bg-body-rgb: 248,250,252;
  --ws-bg-card-rgb: 255,255,255;
  --ws-bg-soft-rgb: 241,245,249;
  --ws-bg-dark-rgb: 15,23,42;
  --ws-border-soft-rgb: 229,231,235;
  --ws-border-medium-rgb: 203,213,225;
  --ws-success-rgb: 34,197,94;
  --ws-warning-rgb: 249,115,22;
  --ws-danger-rgb: 239,68,68;
  --ws-info-rgb: 37,99,235;
}

.ws-brand-gradient { background: var(--ws-gradient-brand); }
.ws-text-gradient { background: var(--ws-gradient-brand); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ws-card-default { background: var(--ws-bg-card); border: 1px solid var(--ws-border-soft); border-radius: var(--ws-radius-card); box-shadow: var(--ws-shadow-card); }
.ws-btn-primary { background: var(--ws-gradient-brand); color: var(--ws-text-inverse); border: 0; border-radius: var(--ws-radius-button); font-weight: 800; }
.ws-btn-soft { background: var(--ws-bg-soft); color: var(--ws-text-primary); border: 1px solid var(--ws-border-soft); border-radius: var(--ws-radius-button); font-weight: 800; }