/* Токены дизайн-системы MoiMatch — 1:1 с docs/design.md (правка — сначала там) */
:root {
  --mm-primary: #FF2E63;
  --mm-secondary: #A22DF0;
  --mm-gradient: linear-gradient(135deg, #FF2E63, #A22DF0);
  --mm-gradient-accent: linear-gradient(135deg, #22D3EE, #6366F1);
  --mm-gold: #E0A200;
  --mm-gradient-gold: linear-gradient(135deg, #FFD86B, #E0A200);
  --mm-pass: #7C8AA0;
  --mm-male: #3B82F6;
  --mm-female: #EC4899;
  --mm-online: #22C55E;
  --mm-unread: #3B82F6;
  --mm-success: #22C55E;
  --mm-warning: #F59E0B;
  --mm-error: #FF3B30;

  --mm-r-btn: 14px;
  --mm-r-field: 12px;
  --mm-r-card: 16px;
  --mm-r-photo: 24px;
  --mm-r-bubble: 18px;
  --mm-h-btn: 52px;
  --mm-h-field: 48px;
  --mm-h-tabbar: 64px;
}
[data-bs-theme="light"] {
  --mm-bg: #FFFFFF;
  --mm-surface: #F6F7FB;
  --mm-surface2: #FFFFFF;
  --mm-text: #0F172A;
  --mm-text2: #64748B;
  --mm-border: #E2E8F0;
}
[data-bs-theme="dark"] {
  --mm-bg: #000000;
  --mm-surface: #111116;
  --mm-surface2: #1A1A22;
  --mm-text: #F8FAFC;
  --mm-text2: #94A3B8;
  --mm-border: #2A2A35;
}