:root {
  --mme-bg: #ffffff;
  --mme-surface: #f7f9f6;
  --mme-surface-strong: #eef5ea;
  --mme-ink: #181b1a;
  --mme-muted: #68716d;
  --mme-line: rgba(24, 27, 26, 0.12);
  --mme-accent: #75b91d;
  --mme-accent-strong: #4d8f14;
  --mme-accent-soft: rgba(117, 185, 29, 0.14);
  --mbs-font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mbs-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mbs-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mbs-color-ink: var(--mme-ink);
  --mbs-color-ink-soft: var(--mme-muted);
  --mbs-color-muted: var(--mme-muted);
  --mbs-color-line: var(--mme-line);
  --mbs-color-page: var(--mme-bg);
  --mbs-color-page-quiet: var(--mme-surface);
  --mbs-color-surface: rgba(255, 255, 255, 0.78);
  --mbs-color-surface-strong: var(--mme-surface-strong);
  --mbs-color-white: #ffffff;
  --mbs-color-glass-line: rgba(255, 255, 255, 0.62);
  --mbs-color-glass-line-strong: rgba(255, 255, 255, 0.76);
  --mbs-color-charcoal: #f8fbf6;
  --mbs-color-accent: var(--mme-accent);
  --mbs-color-accent-dark: var(--mme-accent-strong);
  --mbs-color-moss: var(--mme-accent-strong);
  --mbs-color-sky: var(--mme-surface-strong);
  --mbs-shadow-soft: 0 24px 80px rgba(28, 31, 35, 0.12);
  --mbs-shadow-lift: 0 16px 44px rgba(28, 31, 35, 0.14);
  --mbs-radius-sm: 10px;
  --mbs-radius-md: 18px;
  --mbs-radius-lg: 28px;
  --mbs-radius-xl: 40px;
  --mbs-blur-soft: 18px;
  --mbs-width: 1180px;
  --mbs-gutter: clamp(20px, 5vw, 64px);
  --mbs-section-y: clamp(72px, 11vw, 156px);
  --mbs-space-1: 6px;
  --mbs-space-2: 10px;
  --mbs-space-3: 14px;
  --mbs-space-4: 20px;
  --mbs-space-5: 28px;
  --mbs-space-6: 42px;
  --mbs-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --mbs-duration-fast: 220ms;
  --mbs-duration: 420ms;
}

html[data-mme-variant="girl"],
.mbs-site[data-mme-variant="girl"] {
  --mme-bg: #ffffff;
  --mme-surface: #fff7fb;
  --mme-surface-strong: #ffeaf4;
  --mme-ink: #211b20;
  --mme-muted: #766a72;
  --mme-line: rgba(33, 27, 32, 0.12);
  --mme-accent: #f45aa8;
  --mme-accent-strong: #d93686;
  --mme-accent-soft: rgba(244, 90, 168, 0.14);
}
