/* Single source: checkout surfaces and the admin dashboard's typography. */
:root {
  --fomo-surface: radial-gradient(circle at 14% 0%, rgba(208, 218, 236, 0.08), transparent 26%),
    radial-gradient(circle at 84% 14%, rgba(92, 71, 130, 0.14), transparent 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
    rgba(7, 8, 13, 0.96);
  --fomo-card: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.008)),
    rgba(7, 8, 13, 0.96);
  --fomo-border: rgba(196, 206, 228, 0.12);
  --fomo-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
  --fomo-card-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  --fomo-control: radial-gradient(ellipse at 18% 0%, rgba(255,255,255,.07), transparent 56%), linear-gradient(180deg,#191b21,#101116);
  --fomo-font-heading: 'Syne', sans-serif;
  --fomo-font-body: 'Manrope', sans-serif;
  --fomo-font-label: 'Space Grotesk', sans-serif;
  --fomo-font-button: 'Plus Jakarta Sans', sans-serif;
}