body {
  background: linear-gradient(120deg, #0A1F44 0%, #1A2E56 100%);
  color: #ffffff;
}

:root {
  --color-primary: #0A1F44;          /* Navy Blue */
  --color-secondary: #F9F9F9;        /* Off-white */
  --color-accent1: #E7CBA4;          /* Sand */
  --color-accent2: #C1D6E3;          /* Mist Blue */
  --color-cta-hover: #C8A76F;        /* Rich Gold */
  --color-error: #E8837D;
}

/* Body gradient background */
body {
  background: linear-gradient(135deg, #f2f4f7 0%, #e5e9ee 100%);
  color: #0A1F44;
  font-family: 'Tajawal', sans-serif;
}

/* Button style */
.btn {
  background: var(--color-primary);
  color: white;
  border-radius: 4px;
  padding: 0.9em 1.8em;
  font-weight: 700;
  text-transform: uppercase;
  transition: background 0.3s;
}
.btn:hover {
  background: var(--color-cta-hover);
  color: #fff;
}

/* Price or highlight */
.price {
  color: var(--color-accent1);
  font-weight: bold;
}