:root {
  --mm-bg: #08080d;
  --mm-bg-2: #11111a;
  --mm-bg-3: #181725;
  --mm-panel: rgba(255, 255, 255, 0.04);
  --mm-panel-strong: rgba(255, 255, 255, 0.07);
  --mm-border: rgba(255, 255, 255, 0.1);
  --mm-border-strong: rgba(255, 255, 255, 0.18);
  --mm-text: #f7f8ff;
  --mm-text-muted: #a8b3cf;
  --mm-text-soft: #7482a3;
  --mm-primary: #ef3f62;
  --mm-primary-strong: #ff6b87;
  --mm-success: #00df7d;
  --mm-warning: #f59e0b;
  --mm-danger: #ef4444;
  --mm-radius-sm: 10px;
  --mm-radius: 14px;
  --mm-radius-lg: 22px;
  --mm-shadow-card: 0 24px 80px rgba(0, 0, 0, 0.28);
  --mm-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mm-mono: "Fira Code", "SFMono-Regular", Consolas, monospace;
}

html[data-mm-rtl="true"],
html[dir="rtl"] {
  direction: rtl;
}

html[data-mm-rtl="true"] input,
html[data-mm-rtl="true"] textarea,
html[data-mm-rtl="true"] select,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}