:root{
	--brand:#082f47;
	--brand-hover:#051d2c;
	--accent:#2aa4b5;
	--ink:#051a25;
	--muted:#476370;
	--line:#c9d8e0;
	--surface:#f4f7f8;
	--shadow:0 14px 40px rgba(4,25,40,.10);
}

/* Default hero gradient (no image) */
.hp-hero{background:linear-gradient(165deg,#082f47 0%,#0d4a63 45%,#155e75 100%)}

/* Overlays: deep sea navy */
.hp-hero-overlay{background:linear-gradient(135deg,rgba(8,47,71,.84),rgba(13,74,99,.66))}
.hp-hero[style*="--hero-bg"] .hp-hero-overlay{background:linear-gradient(135deg,rgba(8,47,71,.78),rgba(13,74,99,.58))}
.photo-shade{background:linear-gradient(90deg,transparent 28%,rgba(8,47,71,.66) 100%),linear-gradient(0deg,rgba(8,47,71,.38),transparent 58%)}
[dir=ltr] .photo-shade{background:linear-gradient(270deg,transparent 28%,rgba(8,47,71,.66) 100%),linear-gradient(0deg,rgba(8,47,71,.38),transparent 58%)}
.area-hero-overlay{background:linear-gradient(135deg,rgba(8,47,71,.9) 0%,rgba(13,74,99,.72) 100%)}

/* Badges / pills: sea-foam instead of beige */
.search-eyebrow,.archive-count,.hp-badge,.value-badge,.article-category,.static-eyebrow{background:#d8eef3;color:#064a5a}

/* Turquoise accent text */
.hero-copy small,.area-hero-badge,.area-hero-count,.cta-label,.footer-area-icon,.footer-area-card li span,.footer-area-more,.area-projects-footer-head p{color:#2aa4b5}
.area-hero-badge{background:rgba(42,164,181,.16)}

/* Dark panels: ocean navy */
.all-photos{background:rgba(8,47,71,.88)}
.area-hero-cta{background:rgba(8,47,71,.68)}
.area-projects-footer{background:#051d2c}
.drawer-backdrop{background:rgba(5,25,38,.58)}

/* Muted coastal footer text */
.footer-area-card small,.area-projects-footer-head>span{color:#8fb0bd}

/* Area cards */
.hp-area-card{background-color:var(--brand)}
.hp-area-overlay{background:linear-gradient(0deg,rgba(8,47,71,.74) 0%,rgba(8,47,71,.12) 60%)}
.hp-area-card:hover .hp-area-overlay{background:linear-gradient(0deg,rgba(8,47,71,.84) 0%,rgba(8,47,71,.22) 60%)}

/* Beige/cream backgrounds -> coastal surface */
.answer-card,
.article-content blockquote,
.value-decoration,
.value-card,
.project-aside .value-card{background:var(--surface)}

/* Article / static pages */
.article-hero{background:linear-gradient(180deg,#eff4f7 0%,#fff 88%)}
.article-hero-overlay{background:linear-gradient(90deg,rgba(8,47,71,.92) 0%,rgba(13,74,99,.72) 55%,rgba(13,74,99,.58) 100%)}
[dir=rtl] .article-hero-overlay{background:linear-gradient(90deg,rgba(8,47,71,.78) 0%,rgba(13,74,99,.72) 45%,rgba(8,47,71,.92) 100%)}
.article-hero-cover{background:#082f47}
.article-hero-cover .article-category{background:rgba(42,164,181,.16);color:#fff}
.article-hero-cover .article-meta span+span:before{background:#2aa4b5}
.modal-backdrop{background:rgba(8,47,71,.74)}
.project-gallery-modal{background:rgba(5,20,32,.97)}

/* Developer page */
.developer-hero{background-image:linear-gradient(90deg,rgba(8,47,71,.95),rgba(13,74,99,.65) 55%,rgba(13,74,99,.28)),url("../images/dev.webp")}
.developers-hero{background:linear-gradient(145deg,#eff4f7,#fff)}
.developer-card-title>span{background:#dce8ed}
.phone-country,
.contact-call{background:#eef4f7}

/* Misc */
.error-code{background:linear-gradient(135deg,var(--accent),#0b5c6d)}
.nav-links>a.page-numbers:hover,
.developers-pagination a.page-numbers:hover{background:#e4f0f5}
.availability i{color:#155e75}