/* style/news.css */

/* Custom Colors */
:root {
  --page-news-primary-color: #11A84E;
  --page-news-secondary-color: #22C768;
  --page-news-bg-dark: #08160F; /* Background */
  --page-news-card-bg: #11271B; /* Card BG */
  --page-news-text-main: #F2FFF6; /* Text Main */
  --page-news-text-secondary: #A7D9B8; /* Text Secondary */
  --page-news-border-color: #2E7A4E; /* Border */
  --page-news-button-gradient: linear-gradient(180deg, #2AD16F 0%, #13994A 100%);
  --page-news-glow-color: #57E38D;
  --page-news-gold-color: #F2C14E;
  --page-news-divider-color: #1E3A2A;
  --page-news-deep-green: #0A4B2C;
}

.page-news {
  font-family: Arial, sans-serif;
  color: var(--page-news-text-main); /* Default text color for the page content */
  background-color: var(--page-news-bg-dark); /* Ensure background is set for contrast */
}

/* Ensure all links and text within the main content are visible */
.page-news a {
  color: var(--page-news-secondary-color); /* Link color for contrast */
  text-decoration: none;
  transition: color 0.3s ease;
}

.page-news a:hover {
  color: var(--page-news-glow-color); /* Lighter on hover */
}

/* Headings */
.page-news h1,
.page-news h2,
.page-news h3,
.page-news h4,
.page-news h5,
.page-news h6 {
  color: var(--page-news-text-main);
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
}

.page-news__main-title {
  font-weight: bold;
  letter-spacing: -0.02em;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Using clamp for H1 for responsiveness */
.page-news__main-title {
  font-size: clamp(2.5rem, 5vw, 3.5rem); /* Responsive H1 font size */
}