:root {
  --color-primary: #FF8C1A;
  --color-accent: #FFA53A;
  --color-button-gradient: linear-gradient(180deg, #FFA53A 0%, #D96800 100%);
  --color-card-bg: #17191F;
  --color-body-bg: #0D0E12;
  --color-text-main: #FFF3E6;
  --color-border: #A84F0C;
  --color-glow: #FFB04D;
  --color-deep-orange: #D96800;
  --color-cta-blue: #0066ff;
  --color-emphasis-red: #ed1c24;
  --color-warning-red-border: #ff4141;
  --color-warning-red-bg: #fff4f4;
  --color-promo-box-bg: #fffbe6;
  --color-promo-box-border: #111;
  --color-grey-card-bg: #f9f9f9;
  --color-grey-card-border: #ddd;
}

.page-index {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: var(--color-text-main);
  background-color: var(--color-body-bg);
  padding-bottom: 50px; /* Add some padding at the bottom for overall spacing */
}