/* style/promotions.css */

/* Variables and Base Styles */
:root {
  --primary-color: #1A1A2E; /* Space Blue */
  --secondary-color: #E0B400; /* Imperial Gold */
  --accent-color: #00BFFF; /* Electric Blue */
  --text-light: #ffffff;
  --text-dark: #333333;
  --bg-dark-card: rgba(255, 255, 255, 0.08);
  --bg-light-card: #ffffff;
  --border-color: #e0e0e0;
}

/* Ensure Font Awesome is loaded for icons */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

.page-promotions {
  font-family: 'Arial', sans-serif;
  line-height: 1.6;
  color: var(--text-light); /* Default text color for dark body background */
  background-color: transparent; /* Assuming shared.css sets body background to dark */
  padding-top: 10px; /* Desktop: Adjust for fixed header */
}

.page-promotions__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Sections */
.page-promotions__hero-section {
  text-align: center;
  padding: 80px 0 60px;
  background: linear-gradient(135deg, var(--primary-color) 0%, #0c0c1a 100%);
  color: var(--text-light);
  padding-top: calc(80px + 10px); /* Adjust for fixed header */
}

.page-promotions__intro-section,
.page-promotions__cta-bottom {
  padding: 60px 0;
  text-align: center;
  background: var(--primary-color);
  color: var(--text-light);
}

.page-promotions__featured-promotions,
.page-promotions__benefits-section,
.page-promotions__faq-section,
.page-promotions__tips-section {
  padding: 60px 0;
  background-color: #f8f8f8; /* Light background for content sections */
  color: var(--text-dark); /* Dark text for light background */
}