@import url('./site-cursor.css');
                                                                             
                                                                                  
:root {
  --font-primary: "Arimo", Arial, Helvetica, sans-serif;
  color-scheme: dark;
  --page-background: #100e16;
  --page-surface: #211c29;
  --page-surface-soft: #ffffff06;
  --page-text: #faf4f8;
  --page-muted: #bfb4c7;
  --page-border: #e9ddea24;
  --page-glass: rgb(40 30 47 / .48);
  --page-shadow: 0 18px 42px #0004;
  --brand-pink: #e5bed4;
  --brand-violet: #ae97e7;
  --brand-cyan: #8cdae0;
  --theme-duration: 280ms;
}

:root[data-theme="light"] {
  color-scheme: light;
  --page-background: #f7f3f6;
  --page-surface: #fffafd;
  --page-surface-soft: #eee6ef80;
  --page-text: #302635;
  --page-muted: #6c5e73;
  --page-border: #78608038;
  --page-glass: rgb(251 246 251 / .88);
  --page-shadow: 0 18px 42px #46304f18;
  --brand-pink: #974469;
  --brand-violet: #765299;
  --brand-cyan: #246f79;
  --platforms-mono-filter: grayscale(1) brightness(0);
  --platforms-special-mono-filter: invert(1);
                                                                                 
  --trail-pink: 182, 43, 115;
  --trail-violet: 118, 81, 176;
  --trail-cyan: 32, 140, 152;
  --trail-opacity: .42;
  --trail-glow: .20;
}

                                                                              
                                                                                    
@media (prefers-reduced-motion: no-preference) {
  :root, soulmate-mobile-metrics, soulmate-mobile-benefits,
  soulmate-mobile-welcome, soulmate-mobile-offers, soulmate-mobile-events,
  soulmate-mobile-studio, soulmate-mobile-contact-footer,
  .sm-benefits-heading h2 span, .sm-benefits-heading > p,
  .sm-offers-eyebrow, .sm-offers-intro,
  .sm-offers-card, .sm-metrics-detail, .sm-events-intro, .sm-studio-intro,
  .sm-contact-copy, .sm-contact-description, .sm-contact-heading,
  .sm-contact-social-link, .sm-contact-address p, .sm-contact-phone,
  .sm-contact-phone span, .sm-contact-legal-item, .sm-contact-closing,
  .sm-contact-copyright, .sm-contact-credit {
    transition: background-color var(--theme-duration) ease,
      color var(--theme-duration) ease, border-color var(--theme-duration) ease,
      box-shadow var(--theme-duration) ease;
  }
}

                                                                                
:root[data-theme="light"] :is(soulmate-mobile-metrics, soulmate-mobile-benefits,
  soulmate-mobile-welcome, soulmate-mobile-offers, soulmate-mobile-events,
  soulmate-mobile-studio, soulmate-mobile-contact-footer) { color: var(--page-text); }
:root[data-theme="light"] :is(.sm-benefits-heading > p, .sm-metrics-detail,
  .sm-offers-intro, .sm-events-intro, .sm-studio-intro,
  .sm-contact-copy, .sm-contact-description, .sm-contact-address p,
  .sm-contact-phone span:first-child, .sm-contact-legal-item--pending,
  .sm-contact-copyright, .sm-contact-credit) { color: var(--page-muted); }
:root[data-theme="light"] :is(.sm-benefits-heading h2 span, .sm-offers-eyebrow,
  .sm-contact-heading) { color: var(--brand-pink); }
:root[data-theme="light"] .sm-benefit-card { color: #f8f1f6; }
:root[data-theme="light"] .sm-events-card { color: #faf5f8; }
:root[data-theme="light"] .sm-studio-story { color: #faf6fa; }
.sm-welcome-dialog { color-scheme: dark; }

                                                                        
:root[data-theme="light"] soulmate-mobile-header {
  --sm-opacity-top: .52;
  --sm-opacity-scrolled: .72;
  --sm-border-opacity: .62;
  --sm-ink: #403249;
  --sm-ink-scrolled: #302635;
}
:root[data-theme="light"] .sm-header {
  box-shadow: var(--page-shadow), 0 0 18px #63e7ff0d, 0 0 28px #ff4fa30c,
    inset 0 1px 0 #ffffffa6, inset 0 -1px 2px #ffffff26;
}
:root[data-theme="light"] .sm-menu-panel {
  background: linear-gradient(145deg, #ffffff38, #ffffff12), var(--page-glass);
  border-color: var(--page-border);
  box-shadow: var(--page-shadow), inset 0 1px 0 #ffffff99;
}
:root[data-theme="light"] .sm-menu-link:not(.sm-menu-link--cta) { color: var(--page-text); }
:root[data-theme="light"] .sm-menu-link:active { background-color: var(--page-surface-soft); }
:root[data-theme="light"] .sm-menu-link--cta { background: linear-gradient(135deg, #a83b75, #7750a4); }

:root[data-theme="light"] soulmate-mobile-platforms { --platforms-ink: var(--page-text); }
:root[data-theme="light"] .sm-platforms-placeholder-label { color: var(--page-muted); }
:root[data-theme="light"] soulmate-mobile-metrics[data-counted] .sm-metrics-number {
  color: var(--brand-violet);
  text-shadow: none;
}
:root[data-theme="light"] soulmate-mobile-metrics[data-counted] [data-accent="pink"] .sm-metrics-number {
  color: var(--brand-pink);
}
:root[data-theme="light"] .sm-welcome-content > .sm-welcome-actions button:focus-visible {
  outline-color: var(--brand-violet);
}
:root[data-theme="light"] .sm-offers-card:not(.sm-offers-card--closing) {
  background-color: var(--page-surface);
  border-color: var(--page-border);
  box-shadow: 0 5px 14px #46304f12, inset 0 0 0 4px #ffffff38;
}
:root[data-theme="light"] .sm-contact-button--secondary {
  color: var(--page-text);
  background-color: var(--page-surface-soft);
  border-color: var(--page-border);
}
:root[data-theme="light"] :is(.sm-contact-social-link, .sm-contact-phone,
  .sm-contact-legal-item:not(.sm-contact-legal-item--pending)) { color: var(--page-text); }
:root[data-theme="light"] :is(.sm-contact-social-link, .sm-contact-closing) { border-color: var(--page-border); }
:root[data-theme="light"] .sm-contact-footer::before {
  background: linear-gradient(90deg, transparent, #287b8638, #76529940, #97446938, transparent);
}
:root[data-theme="light"] soulmate-mobile-contact-footer :is(a, button):focus-visible {
  outline-color: var(--brand-cyan);
}
@media (hover: hover) {
  :root[data-theme="light"] :is(.sm-contact-button--secondary, .sm-contact-social-link):hover {
    background-color: var(--page-surface);
    border-color: var(--brand-violet);
  }
  :root[data-theme="light"] :is(.sm-contact-legal-item[href], .sm-contact-phone):hover { color: var(--brand-pink); }
}
@media (prefers-reduced-transparency: reduce) {
  :root[data-theme="light"] soulmate-mobile-header { --sm-opacity-top: .96; --sm-opacity-scrolled: .98; }
  :root[data-theme="light"] .sm-menu-panel { background: var(--page-surface); }
}
@media (forced-colors: active) {
  :root[data-theme="light"] :is(.sm-header, .sm-glass-button, .sm-menu-panel) {
    background: Canvas; color: CanvasText; border-color: CanvasText;
  }
}