/* Custom styles for the theme */
body {
   font-family: 'Inter', sans-serif;
   background-color: #161C2B;
   color: #F6EBD7;
}


/* Fonts for headings */
h1, h2, h3, h4, h5, h6 {
   font-family: 'EB Garamond', serif;
}


/* Gradient for headings */
.text-gold-gradient {
   background-image: linear-gradient(to right, #FFDD72, #D4AF37);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
}


/* --- NEW STYLES FOR HERO BUTTONS --- */
/* CTA button main style */
.cta-btn {
 background: linear-gradient(90deg, #FFD700 0%, #FFD97A 40%, #FFB300 100%);
 color: #22325C;
 font-family: 'Montserrat', 'Poppins', Arial, sans-serif;
 border: none;
 border-radius: 10px;
 box-shadow: 0 2px 12px 0 rgba(100, 0, 0, 0.10), 0 0 0 2px #A5402D inset;
 font-size: 1.1rem;
 font-weight: 700;
 padding: 16px 36px;
 letter-spacing: 0.04em;
 cursor: pointer;
 transition: box-shadow 0.15s, transform 0.08s, background 0.2s;
 outline: none;
 text-shadow: 0 1px 1px #FFF9EB, 0 2px 5px #D4AF37;
 display: inline-block; /* Added for <a> tags */
 text-decoration: none; /* Added for <a> tags */
}


/* Hover effect */
.cta-btn:hover,
.cta-btn:focus {
 background: linear-gradient(90deg, #FFC400 0%, #FFE066 100%);
 color: #7B1E22;
 box-shadow: 0 4px 20px 0 rgba(212, 175, 55, 0.22), 0 0 0 4px #FFD700 inset;
 transform: translateY(-2px) scale(1.03);
}


/* Accent version (e.g., for secondary) */
.cta-btn--accent {
 background: linear-gradient(90deg, #168A5C 0%, #2E4A7D 100%);
 color: #FFF9EB;
 box-shadow: 0 2px 12px 0 rgba(30, 90, 80, 0.12), 0 0 0 2px #FFD97A inset;
}


.cta-btn--accent:hover,
.cta-btn--accent:focus {
 background: linear-gradient(90deg, #1EAA8C 0%, #3B5EA9 100%);
 color: #FFD700;
 box-shadow: 0 4px 20px 0 rgba(22, 138, 92, 0.25), 0 0 0 4px #FFE066 inset;
}
/* --- END OF NEW BUTTON STYLES --- */




/* Style for header button (UPDATED) */
.btn-header-outline {
   display: inline-block;
   padding: 6px 16px; /* Reduced padding for header */
   border-radius: 8px; /* Border-radius like cta-btn */
   font-weight: 600;
   font-family: 'Poppins', Arial, sans-serif;
   font-size: 0.9rem;
   transition: all 0.2s;
   background-color: transparent;
   color: #FFD700; /* Gold text */
   border: 2px solid #A5402D; /* Burgundy border */
   text-decoration: none;
}
.btn-header-outline:hover {
   background-color: #A5402D; /* Burgundy background on hover */
   color: #FFF9EB; /* Light text on hover */
   border-color: #FFD700; /* Gold border on hover */
   transform: translateY(-1px);
}


/* Style for footer buttons */
.btn-footer-outline {
   @apply block w-full text-center px-4 py-2 rounded-lg font-semibold text-accent-gold border border-accent-gold transition-all duration-300 hover:bg-accent-gold hover:text-dark-main shadow-md;
}

.btn-footer-solid {
   @apply block w-full text-center px-4 py-2 rounded-lg font-semibold text-dark-main bg-accent-gold transition-all duration-300 hover:bg-accent-gold-light shadow-md;
}


/* Styles for Key Takeaways block */
.key-takeaways {
   background-image: linear-gradient(to bottom, #FFE9B1, #FFD97A);
   border: 2px solid #7B1E22;
   box-shadow: 0 0 15px rgba(123, 30, 34, 0.7);
   color: #3D290E;
}
.key-takeaways-title {
   color: #192A56;
}
.key-takeaways-icon {
   color: #F0942C;
   fill: currentColor;
}

/* Styles for table */
.content-table th {
   background-color: #23273A;
   color: #FFDD72;
}
.content-table tr:nth-child(even) {
   background-color: rgba(35, 39, 58, 0.5);
}


/* Styles for hero section */
.hero-section {
   background-size: cover;
   background-position: center;
   position: relative;
   z-index: 0;
   padding: 8rem 0; /* Increased padding */
}
.hero-section::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(to bottom, rgba(22, 28, 43, 0.8), rgba(22, 28, 43, 0.6) 50%, rgba(22, 28, 43, 0.8)); /* Gradient for darkening and mystery */
   z-index: -1;
}
.hero-title {
   font-size: 3.5rem; /* Increased heading size */
   line-height: 1.2;
}
@media (min-width: 768px) {
   .hero-title {
       font-size: 5rem;
   }
}


.hero-text {
   font-size: 1.25rem;
   max-width: 800px; /* Max-width for text */
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem; /* Increased bottom margin */
}