/* style/vip-club.css */

/* Global Variables and Base Styles for VIP Club Page */
:root {
  --page-vip-club-primary-color: #26A9E0;
  --page-vip-club-secondary-color: #FFFFFF;
  --page-vip-club-text-dark: #333333;
  --page-vip-club-text-light: #ffffff;
  --page-vip-club-background-light: #f8f8f8;
  --page-vip-club-background-dark: #26A9E0; /* Using primary color as a dark background option */
  --page-vip-club-button-login: #EA7C07;
  --page-vip-club-border-color: #e0e0e0;
}

.page-vip-club {
  font-family: 'Arial', sans-serif;
  line-height: 1.6;
  color: var(--page-vip-club-text-dark); /* Default text color for light backgrounds */
  background-color: var(--page-vip-club-secondary-color); /* Default background */
}

/* Section General Styles */
.page-vip-club__section {
  padding: 60px 20px;
  text-align: center;
}

.page-vip-club__section-title {
  font-size: 38px;
  font-weight: bold;
  color: var(--page-vip-club-primary-color);
  margin-bottom: 20px;
  line-height: 1.2;
}

.page-vip-club__section-description {
  font-size: 18px;
  max-width: 800px;
  margin: 0 auto 40px auto;
  color: var(--page-vip-club-text-dark);
}

.page-vip-club__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Color Contrast Adaptations */
.page-vip-club__light-bg {
  background-color: var(--page-vip-club-background-light);
  color: var(--page-vip-club-text-dark);
}

.page-vip-club__dark-bg {
  background-color: var(--page-vip-club-background-dark);
  color: var(--page-vip-club-text-light);
}

.page-vip-club__dark-bg .page-vip-club__section-title {
  color: var(--page-vip-club-text-light);
}

.page-vip-club__dark-bg .page-vip-club__section-description {
  color: var(--page-vip-club-text-light);
}