/* Shared eGEOReg colour theme for the BoG public site.
   Mirrors /egeoreg/public/assets/login_colorful.css so both web apps look like one site.
   Loaded after site.css; remove the <link> from the pages to revert. */
:root{--lc-teal:#0d9488;--lc-blue:#1377a8;--lc-violet:#6d4fc2;--lc-orange:#ef7f1a;--lc-green:#79a833;--lc-rose:#d6336c}
body{background:#f3f8fb}
.topbar{background:linear-gradient(90deg,#063a66,#0b4f7a 50%,#2a3f8f)}
.site-header{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--lc-orange),var(--lc-green),var(--lc-teal),var(--lc-blue),var(--lc-violet)) 1}
.hero,.page-hero{background:linear-gradient(135deg,#dff2f6 0%,#e8efff 48%,#fdeedd 100%)}
.hero h1,.page-hero h1{color:#063a66}
.eyebrow{color:var(--lc-teal)}
.hero-panel{background:#fff;border-color:#c9e0ea;box-shadow:0 22px 56px rgba(19,119,168,.20)}
.btn-primary{background:linear-gradient(135deg,#0d9488,#1377a8 60%,#3b5bb8);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(19,119,168,.28)}
.btn-primary:hover{background:linear-gradient(135deg,#0d9488,#1377a8 60%,#3b5bb8);filter:brightness(1.07);color:#fff}
.btn-secondary{border-color:var(--lc-teal);color:#0f766e}
.site-nav a:hover{background:#e0f3f1;color:#0f766e}
.section-muted{background:linear-gradient(180deg,#eef6fb,#f1ecfb)}
.section-head h2{color:#063a66}
.service-card,.notice-card{border-top:4px solid var(--lc-teal);box-shadow:0 6px 18px rgba(19,119,168,.09);transition:box-shadow .2s,transform .2s}
.service-card:nth-child(4n+2),.notice-card:nth-child(4n+2){border-top-color:var(--lc-blue)}
.service-card:nth-child(4n+3),.notice-card:nth-child(4n+3){border-top-color:var(--lc-violet)}
.service-card:nth-child(4n+4),.notice-card:nth-child(4n+4){border-top-color:var(--lc-orange)}
.service-card:hover,.notice-card:hover{box-shadow:0 12px 28px rgba(19,119,168,.18);transform:translateY(-2px)}
.footer{background:linear-gradient(135deg,#062c4d,#0b3b5f 55%,#2a2a6b)}
@media (prefers-reduced-motion:reduce){.service-card,.notice-card{transition:none}.service-card:hover,.notice-card:hover{transform:none}}

/* Homepage hero sized to match the eGEOReg login hero (login_bog2026.css v137). */
body.bog-home-page .hero-grid{min-height:560px;gap:46px;padding:60px 0}
body.bog-home-page .hero h1{max-width:740px;margin:18px 0 20px;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.04em}
@media (min-width:981px){body.bog-home-page .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr)}}
@media (max-width:980px){body.bog-home-page .hero-grid{min-height:auto;gap:34px;padding:52px 0}}
@media (max-width:640px){body.bog-home-page .hero-grid{gap:28px;padding:42px 0 48px}body.bog-home-page .hero h1{font-size:2.2rem;line-height:1.08;letter-spacing:-.035em}}