/* =========================================================
   Client-specific CSS overrides for Mama Fit
   Each client can override brand colors, fonts, and layout
   while inheriting global styles from src/styles/style.css
   ========================================================= */

/* Brand color overrides using config placeholders */
:root {
  --primary-color: #E91E63;
  --secondary-color: #C2185B;
  --background-theme: linear-gradient(225deg, #9BE7F5, #07BCE7, #065EAF, #01194D, #020B13);
}

/* Global body styling with customer theme */
body {
  font-family: 'Gilroy', sans-serif;
  background-color: #ffffff;
  color: #333333;
}

/* Buttons and interactive elements */
button,
.btn,
.submit {
  background-color: var(--primary-color);
  border: none;
  color: #fff;
  transition: background-color 0.3s ease;
}

button:hover,
.btn:hover,
.submit:hover {
  background-color: var(--secondary-color);
}

/* Headings and titles */
.heading,
h1,
h2 {
  color: var(--primary-color);
}

/* Links */
.terms-link {
  color: var(--primary-color);
}

/* Selected cards */
.card.selected {
  border-color: var(--primary-color);
}