/* === Reset Theme Typography === */
body, p, a, li, nav, button, h1, h2, h3, h4, h5, h6 {
font-family: inherit !important;
}
/* === Elementor Font System === */
h1, h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', serif !important;
font-weight: 700;
color: #025209; /* headings in strong green */
}
body, p, a, li, nav, button, input, textarea {
font-family: 'Poppins', sans-serif !important;
font-size: 15px;
line-height: 1.7;
color: #222222;
}
.accent, .btn, .highlight, .menu-item {
font-family: 'Lato', sans-serif !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #fc730b; /* accent orange */
}
/* === Buttons === */
button, .btn, .elementor-button {
background-color: #fc730b; /* vibrant orange */
color: #ffffff;
border: none;
padding: 12px 24px;
transition: background-color 0.3s ease;
}
button:hover, .btn:hover, .elementor-button:hover {
background-color: #e57925; /* burnt orange hover */
}
/* === Navigation === */
nav, .menu, .navbar a {
font-family: 'Poppins', sans-serif !important;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #222222;
}
nav a:hover {
color: #fc730b;
}
/* === Backgrounds === */
body {
background-color: #ffffff;
}
.section-light {
background-color: #889c8a; /* muted gray */
color: #222222;
}
.section-dark {
background-color: #025209; /* deep green */
color: #ffffff;
}
/* Ensure readability on dark backgrounds */
.section-dark, .dark-bg, .elementor-section.elementor-section-dark {
color: #ffffff !important;
}
.section-dark h1, .section-dark h2, .section-dark h3,
.section-dark p, .section-dark a {
color: #ffffff !important;
}
/* Hero / top section headings */
.hero-title, .slider-title, .page-title {
font-family: 'Playfair Display', serif !important;
font-weight: 700 !important;
color: #025209 !important; /* deep green */
}
.hero-subtitle, .slider-subtitle {
font-family: 'Poppins', sans-serif !important;
font-weight: 400 !important;
color: #fc730b !important; /* vibrant orange accent */
}
/* Typography Scale */
h1 {
font-size: 56px;
line-height: 1.2;
}
h2 {
font-size: 40px;
line-height: 1.3;
}
h3 {
font-size: 28px;
line-height: 1.4;
}
h4 {
font-size: 22px;
line-height: 1.5;
}
h5 {
font-size: 18px;
line-height: 1.6;
}
h6 {
font-size: 16px;
line-height: 1.6;
}
body, p {
font-size: 15px;
line-height: 1.7;
}
nav, .menu, .navbar a {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
button, .btn, .elementor-button {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
