html:root {
  --smx-color-primary: #9b51e0;
  --smx-color-primary-dark: #7c3fa3;
  --smx-color-primary-light: #f3e8ff;
  --smx-color-text: #000000;
  --smx-color-text-light: #666666;
  --smx-color-text-inverse: #ffffff;
  --smx-color-bg-white: #ffffff;
  --smx-color-bg-light: #fafafa;
  --smx-color-bg-dark: #1a1a1a;
  --smx-color-border: #e7e7e7;
  --smx-color-border-dark: #d0d0d0;
  --smx-callout-tip-bg: #f3e8ff;
  --smx-callout-tip-border: #9b51e0;
  --smx-callout-tip-icon-bg: #9b51e0;
  --smx-callout-tip-icon-color: #ffffff;
  --smx-callout-warning-bg: #fff8f0;
  --smx-callout-warning-border: #d97706;
  --smx-callout-warning-icon-bg: #d97706;
  --smx-callout-warning-icon-color: #ffffff;
  --smx-callout-info-bg: #eff6ff;
  --smx-callout-info-border: #0693e3;
  --smx-callout-info-icon-bg: #0693e3;
  --smx-callout-info-icon-color: #ffffff;
  --smx-callout-success-bg: #f0fdf4;
  --smx-callout-success-border: #16a34a;
  --smx-callout-success-icon-bg: #16a34a;
  --smx-callout-success-icon-color: #ffffff;
  --smx-callout-danger-bg: #fef2f2;
  --smx-callout-danger-border: #dc2626;
  --smx-callout-danger-icon-bg: #dc2626;
  --smx-callout-danger-icon-color: #ffffff;
  --smx-border-radius-s: 0px;
  --smx-border-radius: 0px;
  --smx-border-radius-l: 0px;
  --smx-shadow-s: 0 2px 8px rgba(0, 0, 0, 0.05);
  --smx-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  --smx-shadow-l: 0 2px 8px rgba(0, 0, 0, 0.05);
}