/* jamaicatouristboard.com brand layer v4 — subtle Jamaican black / green / gold on light premium base (grokbot 20261029) */
:root{
 --jm-black:#101411;--jm-black-2:#1a201c;--jm-green:#0f7a3d;--jm-green-d:#0a5a2c;--jm-green-l:#e8f3ec;--jm-gold:#e3b220;--jm-gold-d:#9a7412;--jm-gold-l:#fbf3d9;
 --paper:#fbf9f4;--paper-2:#f4f1e8;--line:#e6e1d4;--ink:#101411;--ink-2:#4f5a53;
 /* remap legacy dark tokens to the light system */
 --navy-deep:var(--paper);--navy-base:var(--paper-2);--navy-surface:var(--paper-2);--navy-card:#fff;--navy-border:var(--line);
 --gold-base:var(--jm-gold);--gold-deep:var(--jm-gold-d);--gold-light:var(--jm-gold-d);--gold-glow:rgba(227,178,32,.18);
 --text-main:var(--ink);--text-muted:var(--ink-2);--text-dim:#7a827d;
 /* premium layer tokens -> green/gold */
 --ocean:var(--jm-green);--ocean-d:var(--jm-green-d);--ocean-l:#1f9a52;--sand:var(--jm-gold-l);--sand-d:var(--jm-gold)}
body{background:var(--paper);color:var(--ink)}
a{color:var(--jm-green)}
h1,h2,h3,.hero-title,.section-title{color:var(--ink)}
.muted{color:var(--ink-2)}
::selection{background:var(--jm-gold-l)}
/* header: near-black with a hairline gold+green accent */
.nav{background:rgba(16,20,17,.94)!important;border-bottom:0!important;box-shadow:0 1px 0 rgba(227,178,32,.55),0 2px 0 rgba(15,122,61,.55)}
.nav nav a,.brand{color:#fff}
.nav nav a:hover{background:rgba(255,255,255,.08)}
.brand-insignia{background:var(--jm-green)!important;color:#fff!important;box-shadow:inset 0 0 0 2px var(--jm-gold)!important;border-radius:50%!important}
/* buttons */
.btn-sea,.btn-gold,.light .btn-gold,.sand .btn-gold{background:var(--jm-green)!important;color:#fff!important;border-radius:999px;box-shadow:none}
.btn-sea:hover,.btn-gold:hover{background:var(--jm-green-d)!important}
.btn-ghost,button.btn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)!important;border-radius:999px}
.btn-ghost:hover,button.btn-ghost:hover{border-color:var(--jm-green);background:var(--jm-green-l);color:var(--jm-green-d)!important}
.btn-line{color:var(--jm-green)}
.eyebrow,.shead .k,.x .tag,.e .tag,.rside h4{font-family:var(--font-sans)!important;color:var(--jm-green)!important;letter-spacing:3px;font-weight:700;font-size:12.5px}
.eyebrow::after,.shead .k::after{content:"";display:block;width:34px;height:2px;background:var(--jm-gold);margin-top:8px}
.gold{background:none;-webkit-text-fill-color:currentColor;color:var(--jm-green)}
/* cards, forms, tools */
.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(16,20,17,.04)}
a.card:hover{border-color:var(--jm-green);box-shadow:0 14px 34px rgba(16,20,17,.10)}
.card h3{color:var(--ink)}
.form-control{background:var(--paper-2);border:1px solid var(--line);color:var(--ink)}
.form-control:focus{outline:2px solid rgba(15,122,61,.35);border-color:var(--jm-green)}
.result{color:var(--jm-green-d)}
.tool label{color:var(--ink-2)}
.chk input{accent-color:var(--jm-green)}
.pill,.rside a.on,.rside a:hover{background:var(--jm-green-l)}
.tc:hover{border-color:var(--jm-green)}
td,th{border-bottom:1px solid var(--line)}
/* trust strip: black with gold marks */
.trust{background:var(--jm-black)!important;color:#e9ece9}.trust i{color:var(--jm-gold)}
.rbar{background:var(--jm-black)!important}
/* photo heroes keep white type */
.phero h1,.g-hero h1,.hero h1,.phero .sub,.d h3{color:#fff}
.phero::after{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 35%,rgba(10,14,11,.84) 100%)}
.phero .kicker,.d .r{color:var(--jm-gold)}
.d .go{border-bottom-color:var(--jm-gold)}
.hero-bg{filter:brightness(.42)}
.hero::after{background:linear-gradient(180deg,rgba(10,14,11,.25),rgba(10,14,11,.75))}
.hero .wrap,.hero .wrap h1,.hero p.lead{color:#fff}.hero p.lead{color:rgba(255,255,255,.88)}
/* article */
.article p,.article li{color:#2b322d;font-size:17.5px;line-height:1.75}
.article h2{color:var(--ink);font-size:30px}
.article a{color:var(--jm-green);text-decoration-color:rgba(227,178,32,.7);text-underline-offset:3px}
.feat{border:0;box-shadow:0 18px 40px rgba(16,20,17,.12)}
.callout,.alert{background:var(--jm-gold-l)!important;border-left:3px solid var(--jm-gold)!important;color:var(--ink)}
/* footer: near-black */
.foot{background:var(--jm-black);border-top:3px solid var(--jm-green);color:#e9ece9}
.foot .brand,.foot h4{color:#fff}.foot h4{color:var(--jm-gold)!important;font-family:var(--font-sans)!important;letter-spacing:2px;font-size:13px;text-transform:uppercase}
.foot a{color:#c9cfca}.foot a:hover{color:#fff}.foot .muted,.foot .legal{color:#9aa39d}
/* blog index */
.bhead{padding:64px 0 10px}.bhead h1{font-size:clamp(36px,5vw,58px);margin-bottom:10px}.bhead p{max-width:620px;font-size:18px}
.bgrid{display:grid;gap:26px;grid-template-columns:repeat(3,1fr);padding-bottom:40px}
.bgrid a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.bgrid a:hover{box-shadow:0 18px 40px rgba(16,20,17,.12);transform:translateY(-3px)}
.bgrid img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;background:var(--paper-2)}
.bgrid .b{padding:18px 22px 22px;display:flex;flex-direction:column;gap:6px}
.bgrid .dt{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--jm-gold-d)}
.bgrid h3{font-family:var(--font-serif);font-size:22px;line-height:1.25;margin:0;color:var(--ink)}
.bgrid p{color:var(--ink-2);font-size:15px}
.bgrid a:first-child{grid-column:span 2}.bgrid a:first-child h3{font-size:28px}
@media(max-width:900px){.bgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.bgrid{grid-template-columns:1fr}.bgrid a:first-child{grid-column:auto}}
/* hidden-gems page (inline dark styles) -> light */
.g-hero:after{background:linear-gradient(180deg,rgba(10,14,11,.3) 0%,rgba(10,14,11,.6) 55%,rgba(10,14,11,.92) 100%)}
.g-hero p{color:#f1f3f1}.g-hero h1 em{color:var(--jm-gold)}.kick{color:var(--jm-gold)}
.toc-nav{background:rgba(16,20,17,.72)}.toc-title{color:var(--jm-gold)}
.toc a:hover{background:var(--jm-gold);color:var(--jm-black);border-color:var(--jm-gold)}
.g-sec h2{color:var(--ink)}
.sand{background:#f5f0e2}
.hero .eyebrow{color:var(--jm-gold)!important}.hero .eyebrow::after{display:none}
.rules div,.gem{background:#fff;border:1px solid var(--line)}
.rules div:before{background:var(--jm-green);color:#fff}
.gem h3{color:var(--ink)}.gem p,.cols3 li{color:#3a423d}
.cols3 a{color:var(--jm-green)}
.ptable th{color:var(--jm-green-d)}.ptable th,.ptable td{border-bottom:1px solid var(--line)}
.free{background:#e3f2e8;color:#0a5a2c}.cheap{background:#e6eef8;color:#1e3a8a}.splurge{background:#fbf0d2;color:#7a5a0c}.ask{background:#efe9fb;color:#4c1d95}.check{background:#fbe6e6;color:#8a1c1c}
.btn-copy-pill{background:rgba(255,255,255,.12)}
.card .eyebrow::after{display:none}[style*=center] .eyebrow::after,[style*=center].eyebrow::after{margin-left:auto;margin-right:auto}
