.easkora-front {
  --easkora-front-color-primary: #5b5ff0;
  --easkora-front-color-primary-hover: #4947df;
  --easkora-front-color-primary-soft: #f1f2ff;
  --easkora-front-color-bg: #f8f9fd;
  --easkora-front-color-surface: #ffffff;
  --easkora-front-color-border: #e5e8f2;
  --easkora-front-color-text: #111a35;
  --easkora-front-color-muted: #69758d;
  --easkora-front-radius-sm: 12px;
  --easkora-front-radius-md: 18px;
  --easkora-front-radius-lg: 26px;
  --easkora-front-shadow-sm: 0 8px 24px rgba(35,45,80,.07);
  --easkora-front-shadow-md: 0 26px 70px rgba(35,45,80,.12);
  --easkora-front-container: 1400px;
  --easkora-front-content-gap: 24px;
}