/* TRG Real Estate Demo — approved blue portfolio palette (2026-10-13).
   Scope: demo only. Navy and blue gradients, bright cyan, white type, green status accent. */
:root {
 --brand-blue-deep:#0a2f70;
 --brand-blue:#0e4b83;
 --brand-blue-soft:#134f84;
 --template-accent:#00c8ff;
 --template-accent-bright:#76e7ff;
 --bg:#103a7a;
 --bg-soft:#0d4b82;
 --text:#f9fdff;
 --muted:#c3d9ea;
 --faint:#90b7d3;
 --gold:#00c8ff;
 --gold-bright:#78e5ff;
 --highlight:#76e7ff;
 --line:rgba(127,205,244,.25);
 --panel:rgba(12,66,110,.92);
 --success:#00be00;
}
html {scroll-behavior:smooth}
body {
 background:linear-gradient(140deg,#122f7c 0%,#104882 48%,#0e548c 100%)!important;
 color:#f7fcff!important;
}
body p,main p,main li {color:#c5daea}
main h1,main h2,main h3,main h4 {color:#f8fbff}
.eyebrow,.section-heading .eyebrow {color:#67e0ff!important}
.grain{opacity:.035!important}
.ambient,.ambient-one,.ambient-two {background:radial-gradient(circle,#38b8f330,transparent 65%)!important}
.scroll-progress{background:linear-gradient(90deg,#00c8ff,#7cddff)!important;box-shadow:0 0 18px #17bbff85!important}
.trg-demo-banner{
 position:relative!important;top:auto!important;
 background:linear-gradient(90deg,#0b2960,#0d4983)!important;
 color:#fff!important;border-bottom:1px solid #5ba8cc55;
 padding:11px 16px!important;
}
.trg-demo-disclaimer{
 color:#d5edff!important;
 background:#0b315c!important;
 border-top:1px solid #38a8dd44
}
.site-header {
 background:rgba(8,40,83,.94)!important;
 border:1px solid #87b9db45!important;
 padding-inline:17px;
 border-radius:0 0 20px 20px;
 box-shadow:0 15px 44px #081b4a44!important;
}
.site-header nav {
 background:rgba(11,65,113,.90)!important;
 border:1px solid #6daed55b!important;
}
.site-header nav a {color:#e7f5ff!important}
.site-header nav a:hover,.site-header .lang-toggle {color:#73e5ff!important}
.brand strong {color:#fff!important}
.brand small {color:#9cdcff!important}
.brand-logo {background:#fff!important;border-color:#ffffff75!important}
.hero {background:#0b2c67!important;color:#fff!important}
.hero-bg {opacity:.68!important;filter:saturate(.90) brightness(.73)!important}
.hero-shade {
 background:linear-gradient(105deg,#081e51eb 0%,#082960c2 43%,#0a376eaa 100%)!important
}
.hero .hero-copy h1,.hero h1,.hero h2,.hero .profile-card h2{color:#fff!important}
.hero p,.hero-copy .lead,.hero .profile-card p {color:#e0f2ff!important}
.hero .eyebrow {color:#93eaff!important}
.hero .button-primary {
 background:#00c8ff!important;
 color:#07254c!important;
 border-color:#00c8ff!important;
 box-shadow:0 10px 32px #00a8e84a!important
}
.hero .button-secondary {
 background:#ffffff13!important;
 border-color:#c0e8fb81!important;
 color:#fff!important
}
.hero .profile-card {
 background:linear-gradient(145deg,#0a2a65f2,#0c4a7deb)!important;
 color:#fff!important;
 border:1px solid #91d5fa6b!important;
 box-shadow:0 25px 70px #021c4a75!important
}
.hero .profile-frame{background:#0a2e60!important}
.hero .profile-card small {color:#b7e4ff!important}
.button-primary,.featured-property-link,.map-node span,.process-timeline li span,.commitment-card span {
 background:#00c8ff!important;color:#062950!important;border-color:#00c8ff!important
}
.button-primary:hover,.featured-property-link:hover {background:#7de5ff!important;transform:translateY(-2px)}
.button-secondary{background:#ffffff13!important;color:#ecfaff!important;border-color:#8bc8e659!important}
.eyebrow,.comparison-row strong,.metric-card strong,.route-orb,.spine-glow{color:#48d8ff!important}
.credential-strip span{background:#154c84!important;color:#bce6ff!important;border-color:#8dd2f33d!important}
.section,.mission-section,.marketing-section,.process-section,.programs-section,.contact-section,
.roadmap-section,.route-experience-section,.boutique-route-section,.featured-properties-section{
 background:linear-gradient(143deg,#103676 0%,#0e477e 50%,#0e548a 100%)!important;
 color:#fff!important
}
.section:nth-of-type(even){background:linear-gradient(160deg,#0d3770 0%,#104d82 100%)!important}
.section-heading h2,.split h2,.copy h2,main section h2{color:#fff!important}
.section-heading p,.copy p,main .section p{color:#c4dbeb!important}
.mission-bg,.marketing-bg,.process-bg,.programs-bg {
 opacity:.13!important;
 filter:grayscale(.5) saturate(.7) brightness(.65)!important
}
.profile-card,.metric-card,.commitment-card,.testimonial-card,.program-card,.media-card,
.comparison-table,.contact-panel,.mission-panel,.boutique-route-preview {
 background:linear-gradient(145deg,#0b396b,#0e527f)!important;
 color:#fff!important;
 border:1px solid #86caf34d!important;
 box-shadow:0 20px 65px #041e4a57!important
}
.profile-card p,.metric-card p,.commitment-card p,.testimonial-card p,.program-card p,
.media-card p,.mission-panel p,.contact-panel p {color:#d1e6f4!important}
.metric-card strong,.commission-band strong{color:#66ddff!important}
.metric-card span{color:#c8e3f4!important}
.comparison-row,.map-node,.road-node{border-color:#8fcde557!important}
.comparison-row em,.comparison-row span,.map-node p,.road-node p{color:#c2ddef!important}
.comparison-row strong{color:#73e4ff!important}
.contact-panel,.mission-panel{background:linear-gradient(140deg,#0a336e,#115084)!important}
.featured-properties-grid{gap:22px}
.featured-property-card {
 background:linear-gradient(160deg,#0c3969,#105587)!important;
 color:#fff!important;
 border:1px solid #4bbde955!important;
 border-radius:20px!important;
 box-shadow:0 25px 60px #031e5042!important
}
.featured-property-card:hover,.featured-property-card:focus-within{
 border-color:#00c8ff!important;
 box-shadow:0 15px 55px #00b4fc31!important;
 transform:translateY(-3px)
}
.featured-property-image{background:#123d74!important}
.featured-property-image img{filter:none!important}
.featured-property-image span{
 background:#0c376bdc!important;
 color:#b5ecff!important;
 border-color:#78d8ff66!important
}
.featured-property-location{color:#58d7ff!important}
.featured-property-price,.featured-property-body h3{color:#fff!important}
.featured-property-facts,.featured-property-body p {color:#cae4f6!important}
.featured-property-body p:not(.featured-property-location):not(.featured-property-facts){color:#bed8eb!important}
.featured-property-link{
 padding:12px 20px!important;border-radius:11px!important;
 font-weight:800!important;
 box-shadow:0 10px 26px #00b3ef2b!important
}
.idx-demo-note{color:#cae4f8!important}
.boutique-route-panel,.route-showcase,.roadmap-shell {
 background:linear-gradient(135deg,#0a2e64,#0d5083)!important;
 border:1px solid #75cff85b!important;
 box-shadow:0 25px 65px #0324585a!important;
 color:#fff!important
}
.boutique-route-panel h2,.boutique-route-panel h3,.boutique-route-panel p,
.route-showcase h2,.route-showcase h3,.route-showcase p,
.roadmap-shell h2,.roadmap-shell h3,.roadmap-shell p{color:#e7f8ff!important}
.boutique-route-panel .eyebrow,.route-showcase .eyebrow{color:#70e0ff!important}
footer{background:#082b5b!important;color:#e9faff!important;border-color:#66b9df45!important}
footer p,footer a,footer strong,footer small{color:#d9eeff!important}
.footer-grid p{color:#a9ccdf!important}
a:focus-visible,button:focus-visible{outline:3px solid #00c8ff!important;outline-offset:3px}
@media(max-width:700px){
 .site-header{border-radius:0 0 14px 14px}
 .featured-property-card{border-radius:16px!important}
}
@media(prefers-reduced-motion:reduce){
 .featured-property-card,.button,.featured-property-image img{transition:none!important}
}

/* The source template hardcodes a brown background on <main> and transparent section
   backgrounds with !important. Explicitly override both here. */
main {
 background:linear-gradient(165deg,#12377a 0%,#104980 47%,#0e568a 100%)!important;
}
main > .section {
 background:linear-gradient(140deg,#103b77 0%,#104d82 100%)!important;
}
main > .section:nth-of-type(even) {
 background:linear-gradient(145deg,#0b3270 0%,#0d477c 100%)!important;
}