/* Mmovps — load Space Grotesk and Be Vietnam Pro before use. */
:root {
  --color-primary: #00E5FF;
  --color-secondary: #7C3AED;
  --color-background: #05070F;
  --color-surface: #0D1424;
  --color-text: #F5F7FF;
  --color-text-muted: #A8B3C7;
  --color-success: #34D399;
  --color-accent: #A78BFA;
  --color-border: #253149;
  --brand-gradient: linear-gradient(135deg, #00E5FF 0%, #7C3AED 100%);
  --font-heading: "Space Grotesk", sans-serif;
  --font-body: "Be Vietnam Pro", sans-serif;
}
.mmovps-theme { background: var(--color-background); color: var(--color-text); font: 400 16px/26px var(--font-body); }
.mmovps-h1 { font: 600 64px/72px var(--font-heading); letter-spacing: -.02em; }
.mmovps-h2 { font: 600 40px/48px var(--font-heading); letter-spacing: -.02em; }
.mmovps-button { font: 600 16px/24px var(--font-body); min-height: 48px; padding: 12px 24px; background: var(--color-primary); color: var(--color-background); border: 0; border-radius: 8px; }
.mmovps-button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }
@media (max-width: 767px) {
  .mmovps-h1 { font-size: 40px; line-height: 48px; }
  .mmovps-h2 { font-size: 30px; line-height: 38px; }
}