/*
  Mobile vars
*/
  /* COLORS */
:root {
  --ws-primary: #EF5800;

  --ws-primary-25: #FFF1E7;
  --ws-primary-50: #FFE8D9;
  --ws-primary-100: #FFD2B8;
  --ws-primary-200: #FFB185;
  --ws-primary-300: #FF8A4D;
  --ws-primary-400: #F76A1F;
  --ws-primary-600: #C94700;

  --ws-primary-disabled: #FFF6F0;
  --ws-primary-50-disabled: #F7F4F2;

  --ws-neutral-0: #FFFFFF;
  --ws-neutral-50: #F3F4F9;
  --ws-neutral-100: #E6E9F2;
  --ws-neutral-200: #BCC3D6;
  --ws-neutral-400: #7481A7;
  --ws-neutral-500: #64748B;
  --ws-neutral-800: #2C2F3A;
  --ws-neutral-900: #0E1015;
  
  --ws-pending-500: #F39C1C;
  --ws-success-500: #28A745;
  
  
  --ws-card-title: #7E7E7E;

  --ws-bg: #f6f6f6;
  --ws-bg1: #f2f7fb;
  --ws-card: #FBFBFB;

  --ws-border: rgba(14, 16, 21, 0.08);
  --ws-divider: #F3F4F9;
  --ws-shadow: 0 10px 30px rgba(14, 16, 21, 0.15);
  --ws-shadow-primary: 0 3px 10px rgba(68, 107, 248, 0.4);
  --ws-shadow-neutral: 0 3px 10px rgba(44, 47, 58, 0.4);
  --ws-shadow-card: 0 4px 12px rgba(204, 204, 204, 0.25);

  --ws-toast-error: #E4E5E6;
  --ws-toast-error-shadow: 0 8px 12px rgba(228, 229, 230, 0.25);
  --ws-toast-success: #DDF1E1;
  --ws-toast-success-shadow: 0 8px 12px rgba(221, 241, 225, 0.25);
}