/* style/poker.css */

/* Variables from color scheme */
:root {
  --fb777-primary: #F2C14E;
  --fb777-secondary: #FFD36B;
  --fb777-bg-main: #0A0A0A;
  --fb777-card-bg: #111111;
  --fb777-text-main: #FFF6D6;
  --fb777-border: #3A2A12;
  --fb777-glow: #FFD36B;
  --fb777-button-gradient: linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);
  --fb777-dark-text: #333333; /* For contrast on light backgrounds */
  --fb777-light-text: #ffffff; /* For contrast on dark backgrounds */
}

/* Base styles for the page-poker scope */
.page-poker {
  font-family: Arial, sans-serif;
  color: var(--fb777-text-main); /* Default text color for the page */
  background-color: var(--fb777-bg-main); /* This will be overridden by body background, but good for local scope */
  line-height: 1.6;
}

.page-poker h1,
.page-poker h2,
.page-poker h3,
.page-poker h4,
.page-poker h5,
.page-poker h6 {
  color: var(--fb777-secondary); /* Headings use secondary color */
  margin-bottom: 1em;
  line-height: 1.2;
  font-weight: bold;
}

/* H1 specific styling - no fixed font-size */
.page-poker__main-title {
  font-weight: 700;
  letter-spacing: -0.02em;
  max-width: 900px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

.page-poker h2 {
  font-size: 2.5em;
  text-align: center;
  margin-bottom: 1.5em;
  color: var(--fb777-primary); /* Section titles use primary color */
}

.page-poker h3 {
  font-size: 1.8em;
  margin-bottom: 1em;
  color: var(--fb777-text-main);
}

.page-poker p {
  margin-bottom: 1em;
}

.page-poker a {
  color: var(--fb777-secondary);
  text-decoration: none;
}

.page-poker a:hover {
  text-decoration: underline;
}

/* Section styling */
.page-poker__section {
  padding: 80px 0;
  background-color: var(--fb777-bg-main);
}

.page-poker__section--dark {
  background-color: var(--fb777-card-bg);
}