/* === رامي بامانع — Eye-Friendly Palette === */
:root {
–rami-primary: #2D3E50;
–rami-accent: #3D8C8C;
–rami-gold: #C9A84C;
–rami-text: #2C3E50;
–rami-muted: #5A7184;
–rami-bg: #F5F3EF;
–rami-surface: #EEF2F5;
–rami-dark: #1B2A3B;
}
/* Body background */
body { background-color: var(–rami-bg) !important; }
/* Header */
.site-header { background-color: #ffffff !important; box-shadow: 0 1px 4px rgba(0,0,0,0.07) !important; }
/* Site name */
.site-title a, .ct-site-title a { color: var(–rami-primary) !important; }
/* Navigation links */
[data-id=”menu”] a, .ct-header-links a, .main-navigation a {
color: var(–rami-primary) !important;
}
[data-id=”menu”] a:hover, .ct-header-links a:hover {
color: var(–rami-accent) !important;
}
.current-menu-item > a { color: var(–rami-accent) !important; font-weight: 600; }
/* Headings */
h1, h2, h3, h4, h5, h6 { color: var(–rami-primary) !important; }
/* Body text */
p, li, td { color: #3D4E5E; }
/* Links */
a { color: var(–rami-accent); }
a:hover { color: var(–rami-primary); }
/* Buttons (Elementor) */
.elementor-widget-button .elementor-button,
.elementor-button {
background-color: var(–rami-accent) !important;
border-color: var(–rami-accent) !important;
color: #fff !important;
transition: all 0.2s ease;
}
.elementor-widget-button .elementor-button:hover,
.elementor-button:hover {
background-color: #2C6B6B !important;
border-color: #2C6B6B !important;
}
/* Outlined button */
.elementor-button.elementor-button-outline {
background-color: transparent !important;
border-color: var(–rami-accent) !important;
color: var(–rami-accent) !important;
}
.elementor-button.elementor-button-outline:hover {
background-color: var(–rami-accent) !important;
color: #fff !important;
}
/* Cards / sections surface */
.elementor-widget-icon-box .elementor-icon-box-wrapper,
.e-con .elementor-widget-wrap {
background-color: transparent;
}
/* Hero dark section */
.elementor-section[data-element_type=”section”] .elementor-background-overlay,
.ct-section.has-dark-bg { background-color: var(–rami-dark) !important; }
/* Footer */
.site-footer, footer { background-color: var(–rami-primary) !important; }
.site-footer, footer, .site-footer a, footer a,
.site-footer p, footer p, .site-footer span { color: #C8D6E2 !important; }
.site-footer a:hover, footer a:hover { color: var(–rami-gold) !important; }
.ct-footer-copyright { border-top: 1px solid rgba(255,255,255,0.12); padding-top: 12px; }
/* Scrollbar accent */
::-webkit-scrollbar-thumb { background: var(–rami-accent); border-radius: 4px; }
::-webkit-scrollbar { width: 6px; }