/*
 * GOPEAKS CAMP — Brand Color System v3.0
 * Visual-only refresh: retain layouts, typography, imagery and customer flows.
 * Brand: royal blue / electric cyan / midnight navy / cloud white.
 */
:root{
  --ink:#10213D;
  --deep:#2451E8;
  --gold:#2451E8;
  --cream:#FBFCFF;
  --sand:#F1F5FC;
  --white:#FFFFFF;
  --muted:#596980;
  --brand:#2451E8;
  --aqua:#03D9E6;
  --proposal-ink:#10213D;
  --proposal-blue:#2451E8;
  --proposal-aqua:#03D9E6;
  --proposal-bg:#FBFCFF;
  --gp-navy:#0C1D42;
  --gp-navy-deep:#081632;
  --gp-blue:#2451E8;
  --gp-blue-hover:#193DB5;
  --gp-cyan:#03D9E6;
  --gp-cyan-light:#8AF0F5;
  --gp-cloud:#F1F5FC;
  --gp-line:#DBE5F3;
}
/* Foundation */
body{background:#FBFCFF;color:var(--gp-navy)}
h1,h2,h3,h4{color:inherit}
a:hover{color:var(--gp-blue-hover)}
.eyebrow,.listing small{color:#294BBB}
.tone,.light{background:var(--gp-cloud)}
.ribbon,.proposal-kicker{background:#E9F0FB;color:#17366F}
.ribbon{border-top-color:var(--gp-cyan)}
.proposal-kicker .container{color:#183466}
.proposal-kicker span:last-child{color:#3F5793}
/* Header/nav; brand logo white + cyan sits against deep navy */
.site-header{background:rgba(8,22,50,.35);border-bottom:1px solid rgba(221,238,255,.22)}
body:not(.home) .site-header{background:var(--gp-navy)}
.site-header .nav,.site-header .nav a{color:#F7FAFF}
.site-header .nav a:hover,.site-header .brand:hover{color:var(--gp-cyan-light)}
.site-header .nav .menu-cta{border-bottom-color:var(--gp-cyan);color:#FFFFFF}
.nav a.switch-lang{border-color:rgba(179,222,250,.65);background:rgba(255,255,255,.06)}
.nav a.switch-lang:hover{background:rgba(3,217,230,.14);color:#DFFBFF}
.mobile-toggle{color:#FFFFFF}
.nav.open{background:var(--gp-navy)}
/* Buttons/links — blue on white; white on blue */
.button,.content .button{background:var(--gp-blue);border-color:var(--gp-blue);color:#FFFFFF!important}
.button:hover,.content .button:hover{background:var(--gp-blue-hover);border-color:var(--gp-blue-hover);color:#FFFFFF!important}
.button-outline,.content .button-outline{background:transparent;border-color:#FFFFFF;color:#FFFFFF!important}
.button-outline:hover,.content .button-outline:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--gp-navy)!important}
.text-link{color:var(--gp-blue);border-color:currentColor}
.text-link:hover{color:var(--gp-blue-hover)}
.dark .text-link,.proposal-hero .text-link,.hero .text-link{color:#FFFFFF}
.dark .text-link:hover,.proposal-hero .text-link:hover,.hero .text-link:hover{color:var(--gp-cyan-light)}
.content a:not(.button){color:#2548AF;text-decoration-color:#7A98E6}
.content a:not(.button):hover{color:#123281}
.content .notice{background:#EAF1FF;border-left:3px solid var(--gp-blue)}
/* Image-led hero; clean blue shadows, no sea-green tint */
.hero,.proposal-hero{background:var(--gp-navy-deep)}
.hero-picture{background:linear-gradient(90deg,rgba(9,22,56,.75),rgba(13,36,80,.30) 65%,rgba(13,36,80,.11)),linear-gradient(0deg,rgba(8,22,50,.54),transparent 58%),url('https://gopeaks.camp/wp-content/uploads/2026/10/Van-dong-vien-Gopeaks-can-dich-voi-co-Gopeaks.jpg') center 40%/cover no-repeat}
.proposal-hero-bg,.camp-home .proposal-hero-bg{background:linear-gradient(90deg,rgba(9,22,54,.83),rgba(13,35,77,.47) 60%,rgba(9,22,54,.15)),linear-gradient(0deg,rgba(6,18,44,.45),transparent 62%),url('https://gopeaks.camp/wp-content/uploads/2026/10/K-Town-Phan-Thiet-–-Ho-boi-chinh-scaled.jpg') center/cover no-repeat}
.proposal-hero h1 em{color:var(--gp-cyan-light)}
.proposal-hero .eyebrow,.hero .eyebrow{color:var(--gp-cyan-light)}
.proposal-hero-footer{border-top-color:rgba(255,255,255,.36)}
.proposal-hero-footer span{color:#EAF7FE}
.anchor-note{color:#E6F0FF}
/* Content interior and editorial sections */
.page-hero{background:linear-gradient(115deg,#0C1D42 0%,#15377A 100%);color:#FFFFFF}
.dark{background:linear-gradient(120deg,#0C1D42 0%,#112D65 100%);color:#FFFFFF}
.dark p{color:#D7E1F2}
.dark .eyebrow{color:var(--gp-cyan-light)}
.proposal-value-list>div{border-bottom-color:rgba(210,226,255,.26)}
.proposal-value-list strong{color:var(--gp-cyan-light)}
.proposal-value-list span{color:#CFDCF4}
.proposal-asset-copy p,.proposal-center p,.split-text p,.listing p{color:#586A84}
.proposal-stay{background:#FFFFFF}
.proposal-photo-grid figcaption{color:#3454A1}
/* White/blue cards: airy rather than saturated */
.proposal-pillar,.camp-package,.camp-feature-grid article,.proposal-grid article,.proposal-zones article{background:#FFFFFF;border-color:var(--gp-line);box-shadow:0 12px 30px rgba(15,39,94,.035)}
.proposal-pillar{border-top:3px solid var(--gp-blue)}
.proposal-pillar:hover,.camp-package:hover{box-shadow:0 18px 36px rgba(20,62,155,.10)}
.proposal-pillar:hover{border-top-color:#03B9C9}
.proposal-pillar span,.proposal-grid small,.proposal-zones b,.camp-package span,.camp-feature-grid article span{color:#3350AB}
.proposal-pillar strong,.proposal-grid a,.camp-inline-cta,.camp-link{color:var(--gp-blue)!important}
.proposal-pillar strong:hover,.proposal-grid a:hover,.camp-inline-cta:hover{color:var(--gp-blue-hover)!important}
.proposal-pillar p,.camp-package p,.camp-feature-grid p,.proposal-grid p,.proposal-zones p{color:#566883}
.proposal-pillar h3,.camp-package h3,.camp-feature-grid h3{color:#14254D}
.proposal-steps>div,.listing{border-top-color:var(--gp-blue)}
.proposal-steps b,.camp-time-table b{color:#2146B9}
.proposal-timeline article{background:#ECF2FE;border-left-color:var(--gp-blue)}
.proposal-timeline strong{color:#2045B5}
.camp-home .proposal-kicker{background:#E9F0FB}
.camp-gallery-note{color:#556987}
.image-2{background-image:linear-gradient(45deg,rgba(8,29,75,.66),rgba(35,70,165,.25)),url('https://gopeaks.camp/wp-content/uploads/2026/10/Gopeaks-Van-dong-vien-dap-xe-Bau-Trang-FesTRIval-2025.jpg')}
.image-3{background-image:linear-gradient(135deg,rgba(8,29,75,.66),rgba(35,70,165,.19)),url('https://gopeaks.camp/wp-content/uploads/2026/10/Anh-doi-Gopeaks-tai-IRONMAN-70.3-Da-Nang-2025.jpg')}
.visual-card .overlay{background:linear-gradient(0deg,rgba(10,28,64,.83),transparent 67%)}
/* Conversion form */
.gpc-form{background:#F6F9FF;border:1px solid #DBE6F7;box-shadow:0 14px 34px rgba(18,42,99,.045)}
.gpc-label{color:#173167}
.gpc-input{color:#15264A;border-color:#CBD8EC;background:#FFFFFF}
.gpc-input:focus-visible{outline:2px solid var(--gp-blue);border-color:var(--gp-blue)}
.gpc-consent input{accent-color:var(--gp-blue)}
.gpc-form-note{color:#586B84}
/* CTA/footer unify with branding */
.banner{background:linear-gradient(135deg,#F0F5FF 0%,#FAFCFF 70%,#EDF6FD 100%);color:var(--gp-navy)}
.banner .eyebrow{color:#2449BA}
.footer{background:var(--gp-navy-deep);color:#D4E1F4}
.footer h3{color:#FFFFFF}
.footer p,.footer a{color:#D2DEF1}
.footer a:hover{color:var(--gp-cyan-light)}
.footer-bottom{border-top-color:rgba(198,222,255,.20);color:#ADBFDC}
.footer-bottom a{color:#CADBF1}
.footer .brand{display:inline-flex;align-items:center}
.footer .brand .brand-camp{color:#D9E9FF}
/* Focus and responsive colors */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gp-blue);outline-offset:3px}
.dark a:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible,.proposal-hero a:focus-visible,.footer a:focus-visible{outline-color:var(--gp-cyan)}
@media(max-width:850px){
 .site-header .nav.open{background:#0C1D42;border-top:1px solid rgba(201,230,255,.20);box-shadow:0 18px 35px rgba(5,16,46,.19)}
 .site-header .nav a{color:#FFFFFF}
 .site-header .nav .menu-cta{border-bottom-color:var(--gp-cyan)}
}
@media(prefers-reduced-motion:reduce){.proposal-pillar,.camp-package{transition:none}}