:root {
  --viox-dark: #1b2027;
  --viox-dark-card: #252b33;
  --viox-bg-soft: #f5f7fa;
  --viox-surface: #ffffff;
  --viox-red: #d71920;
  --viox-red-hover: #b51218;
  --viox-text: #3b4652;
  --viox-heading: #1b2027;
  --viox-muted: #687482;
  --viox-text-on-dark: #d7dee6;
  --viox-border: #e1e6ec;
  --viox-warning: #f5a400;
  --viox-warning-bg: #fff3d6;
  --viox-font: "Poppins", sans-serif;
  --viox-container: 1400px;
  --viox-gutter-desktop: 20px;
  --viox-gutter-tablet: 24px;
  --viox-gutter-mobile: 16px;
  --viox-space-1: 4px;
  --viox-space-2: 8px;
  --viox-space-3: 12px;
  --viox-space-4: 16px;
  --viox-space-6: 24px;
  --viox-space-8: 32px;
  --viox-space-12: 48px;
  --viox-space-16: 64px;
  --viox-space-24: 96px;
  --viox-space-30: 120px;
  --viox-space-40: 160px;
  --viox-radius-small: 4px;
  --viox-radius-card: 6px;
  --viox-radius-round: 999px;
  --viox-motion-fast: 200ms;
  --viox-motion-fill: 400ms;
  --viox-shadow-image: 0 12px 28px rgba(27, 32, 39, 0.06);
}