/* 
 * BMAGNIV Main Stylesheet 
 * This file will hold the CSS extracted from bmagniv-FULL-APP.html 
 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --pink: #FF1B6B;
  --purple: #7B2CBF;
  --orange: #FF6B00;
  --accent-yellow: #FFB627;
  --cream: #FBF8F3;
  --light-gray: #E8E0D2;
  --black: #0A0A0A;
  --white: #FFFFFF;
}

body {
  font-family: 'Heebo', system-ui, sans-serif;
  background: var(--cream);
  color: var(--black);
  direction: rtl;
  -webkit-font-smoothing: antialiased;
}

/* Animations from PRD */
@keyframes shimmer {
  0% {
    background-position: -200% center;
  }

  100% {
    background-position: 200% center;
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes pulse-cta {

  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 27, 107, 0.5);
  }

  50% {
    transform: scale(1.02);
    box-shadow: 0 0 30px 0 rgba(255, 27, 107, 0);
  }
}

/* Utility classes or basic layout to start */
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 32px;
}