:root,
.editor-styles-wrapper {
  --avante-color-dark: #1c1f2e;
  --avante-color-indigo: #3d3575;
  --avante-color-teal: #1a8fa0;
  --avante-color-cyan: #3dbfbf;
  --avante-color-mint: #a8e6cf;
  --avante-color-ice: #f4f7f9;
  --avante-color-white: #fff;
  --avante-color-text: var(--avante-color-dark);
  --avante-color-surface: var(--avante-color-white);
  --avante-color-surface-muted: var(--avante-color-ice);
  --avante-color-action: var(--avante-color-indigo);
  --avante-color-accent: var(--avante-color-teal);
  --avante-color-focus: var(--avante-color-teal);
  --avante-border: 1px solid color-mix(in srgb, var(--avante-color-dark) 18%, transparent);

  --avante-font-body: "Inter", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --avante-font-display: "Playfair Display", Georgia, serif;
  --avante-font-weight-normal: 400;
  --avante-font-weight-medium: 500;
  --avante-font-weight-semibold: 600;
  --avante-font-weight-bold: 700;

  --avante-step--1: clamp(0.875rem, 0.84rem + 0.15vw, 0.9375rem);
  --avante-step-0: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  --avante-step-1: clamp(1.25rem, 1.12rem + 0.55vw, 1.5rem);
  --avante-step-2: clamp(1.625rem, 1.35rem + 1vw, 2.125rem);
  --avante-step-3: clamp(2.125rem, 1.65rem + 1.8vw, 3rem);
  --avante-step-4: clamp(2.75rem, 2rem + 3vw, 4.5rem);

  --avante-space-1: 0.25rem;
  --avante-space-2: 0.5rem;
  --avante-space-3: 0.75rem;
  --avante-space-4: 1rem;
  --avante-space-5: 1.5rem;
  --avante-space-6: 2rem;
  --avante-space-7: 3rem;
  --avante-space-8: 4rem;
  --avante-space-9: 6rem;

  --avante-radius-sm: 2px;
  --avante-radius-md: 4px;
  --avante-radius-lg: 8px;
  --avante-container: 75rem;
  --avante-container-narrow: 48rem;
  --avante-gutter: clamp(1rem, 3vw, 2rem);
  --avante-shadow-card: 0 1rem 2.5rem rgb(28 31 46 / 10%);
}