/* TravelTrip World theme layer: brand palette, light + dark modes, polish. Loaded after tt-shell.css. */
:root,html[data-theme="dark"]{color-scheme:dark;
 --b-bg:#06191F;--b-bg2:#0A242C;--b-card:#0D2C36;--b-card2:#0A2229;--b-line:rgba(255,255,255,.10);--b-text:#F3F7F8;--b-soft:#C9D6DA;--b-muted:#93A7AE;
 --b-teal:#145768;--b-teal-ui:#3FB6C9;--b-gold:#D4AF37;--b-gold2:#F2CF5B;--b-gold-text:#F2CF5B;--b-header:rgba(6,25,31,.88);--b-shadow:0 10px 30px rgba(0,0,0,.25)}
html[data-theme="light"]{color-scheme:light;
 --b-bg:#F5F8F9;--b-bg2:#EAF1F3;--b-card:#FFFFFF;--b-card2:#F8FBFC;--b-line:#D9E4E7;--b-text:#0E2A33;--b-soft:#2F4A53;--b-muted:#566C74;
 --b-teal:#145768;--b-teal-ui:#145768;--b-gold:#C99A1E;--b-gold2:#E2B636;--b-gold-text:#8A6508;--b-header:rgba(255,255,255,.9);--b-shadow:0 8px 24px rgba(20,87,104,.08)}
/* map every page's token family onto the brand tokens */
html:root{--tt-bg:var(--b-bg);--tt-card:var(--b-card);--tt-line:var(--b-line);--tt-gold:var(--b-gold);--tt-gold2:var(--b-gold2);--tt-teal:var(--b-teal-ui);--tt-muted:var(--b-muted);--tt-text:var(--b-text);--tt-soft:var(--b-soft);
 --tt-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html:not([data-theme-lock]) body{--bg:var(--b-bg);--bg2:var(--b-bg2);--card:var(--b-card);--line:var(--b-line);--gold:var(--b-gold);--gold2:var(--b-gold-text);--teal:var(--b-teal-ui);--muted:var(--b-muted);--text:var(--b-text);--soft:var(--b-soft)}
html:not([data-theme-lock]) body{background:var(--b-bg)!important;color:var(--b-text);-webkit-font-smoothing:antialiased;line-height:1.6}
html[data-theme="light"] body{--bg-main:#F5F8F9;--bg-section:#EAF1F3;--primary:#145768;--primary-hover:#0F4352;--primary-light:#E6F2F4;--accent-gold:#C99A1E;--text-main:#0E2A33;--text-muted:#566C74;--border:#D9E4E7}
html[data-theme="dark"] body{--primary:#145768;--primary-hover:#0F4352}
/* header / footer */
html:not([data-theme-lock]) .tts-h{background:var(--b-header)}
html[data-theme="light"] .tts-nav a:hover,html[data-theme="light"] .tts-nav a.on{color:var(--b-teal)!important;background:#E6F2F4}
html[data-theme="light"] .tts-btn.o{background:#fff}
html[data-theme="light"] .tts-f{background:var(--b-bg2)}
.tts-theme{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--tt-line);background:transparent;color:var(--tt-soft);cursor:pointer;font-size:16px;line-height:1;padding:0}
.tts-theme:hover{border-color:var(--b-gold)}
.tts-theme .i-sun{display:none}html[data-theme="dark"] .tts-theme .i-sun{display:inline}html[data-theme="dark"] .tts-theme .i-moon{display:none}
html[data-theme-lock] .tts-theme{display:none}
.tts-btn,.tts-theme{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.tts-btn.g:hover{box-shadow:0 6px 18px rgba(212,175,55,.35)}
:focus-visible{outline:2px solid var(--b-gold);outline-offset:2px}
/* polish: shared cards, type, spacing (design-system pages) */
html:not([data-theme-lock]) main h1{letter-spacing:-.02em;line-height:1.15}
html:not([data-theme-lock]) main h2{letter-spacing:-.01em;line-height:1.25}
html:not([data-theme-lock]) .step,html:not([data-theme-lock]) .box,html:not([data-theme-lock]) .plan,html:not([data-theme-lock]) details{border-radius:16px}
html:not([data-theme-lock]) .step ul,html:not([data-theme-lock]) .step ol{padding-left:20px;margin:8px 0 0}
html:not([data-theme-lock]) .step li{margin:6px 0}
html:not([data-theme-lock]) section.step{margin-bottom:16px}
/* light-mode overrides for hardcoded dark colours */
html[data-theme="light"] .lead,html[data-theme="light"] .plan-name,html[data-theme="light"] .step p,html[data-theme="light"] details p,html[data-theme="light"] .box p,html[data-theme="light"] .sub,html[data-theme="light"] .step li,html[data-theme="light"] main li{color:var(--b-soft)!important}
html[data-theme="light"] .f,html[data-theme="light"] .badge{color:var(--b-text)!important;background:#fff!important}
html[data-theme="light"] .plan,html[data-theme="light"] .box,html[data-theme="light"] .step,html[data-theme="light"] details,html[data-theme="light"] .cc,html[data-theme="light"] .ghost{background:var(--b-card)!important;box-shadow:var(--b-shadow)}
html[data-theme="light"] .search{background:#fff!important;border-color:var(--b-line)!important}
html[data-theme="light"] .search input{color:var(--b-text)!important}
html[data-theme="light"] .flag{box-shadow:0 0 0 1px rgba(0,0,0,.08)}
html[data-theme="light"] main a:not([class*="btn"]):not(.cc):not(.buy){color:var(--b-teal)}
html[data-theme="light"] .hero,html[data-theme="light"] header.hero{background:linear-gradient(180deg,#E6F2F4,var(--b-bg))!important}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] summary,html[data-theme="light"] b,html[data-theme="light"] strong{color:var(--b-text)}
html[data-theme="light"] .cp b,html[data-theme="light"] .price,html[data-theme="light"] .plan-price{color:var(--b-gold-text)!important}
html:not([data-theme-lock]) .step li b{display:inline}
html:not([data-theme-lock]) section.step>h2:first-child{margin-top:0}
/* light mode: legacy page components (site.css / traveltrip.css pages) */
html[data-theme="light"] .card,html[data-theme="light"] .channel-card,html[data-theme="light"] .help-cat-card,html[data-theme="light"] .faq-item,html[data-theme="light"] .auth-tabs,
html[data-theme="light"] .device-card,html[data-theme="light"] .tt-setup-step-card,html[data-theme="light"] [style*="background: #0F172A"],html[data-theme="light"] [style*="background:#0F172A"]{background:#fff!important;border-color:var(--b-line)!important;box-shadow:var(--b-shadow)!important;color:var(--b-text)}
html[data-theme="light"] .card *:not(a):not(button):not(.btn):not([class*="btn"]),html[data-theme="light"] .channel-card *,html[data-theme="light"] .help-cat-card *,html[data-theme="light"] .faq-item *,html[data-theme="light"] .device-card *,html[data-theme="light"] .tt-setup-step-card *,html[data-theme="light"] [style*="background: #0F172A"] *{color:var(--b-soft)}
html[data-theme="light"] .card h1,html[data-theme="light"] .card h2,html[data-theme="light"] .card h3,html[data-theme="light"] .card h4,html[data-theme="light"] .card strong,html[data-theme="light"] .card b,html[data-theme="light"] .channel-card div[style*="font-weight: 700"],html[data-theme="light"] .cat-title,html[data-theme="light"] .tt-setup-step-title,html[data-theme="light"] [style*="background: #0F172A"] h3{color:var(--b-text)!important}
html[data-theme="light"] .section-heading-dark,html[data-theme="light"] main h1,html[data-theme="light"] .tt-hero-title,html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4{color:var(--b-text)!important}
html[data-theme="light"] .tt-hero-subhead,html[data-theme="light"] .tt-setup-step-desc,html[data-theme="light"] .muted{color:var(--b-muted)!important}
html[data-theme="light"] .card a:not([class*="btn"]),html[data-theme="light"] .channel-card div[style*="color"]{color:var(--b-teal)!important}
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:var(--b-text)!important;border-color:var(--b-line)!important}
html[data-theme="light"] .auth-tab-btn{color:var(--b-soft)!important}html[data-theme="light"] .auth-tab-btn.active{background:var(--b-teal)!important;color:#fff!important}
html[data-theme="light"] .tt-search-input{color:var(--b-text)!important}
html[data-theme="light"] .watermark-shade::before,html[data-theme="light"] .watermark-shade::after{opacity:.04}
html[data-theme="light"] .buy{color:#fff!important}
/* dark mode fix: legacy channel-card titles used near-black inline colour */
html[data-theme="dark"] .channel-card div[style*="color: #0E131F"]{color:var(--b-text)!important}
/* contrast fixes for inline-coloured legacy content */

html[data-theme="light"] [style*="color: #CBD5E1"],html[data-theme="light"] [style*="color:#CBD5E1"],html[data-theme="light"] [style*="color: #E2E8F0"],html[data-theme="light"] [style*="color:#E2E8F0"],html[data-theme="light"] [style*="color: #94A3B8"],html[data-theme="light"] [style*="color:#94A3B8"]{color:var(--b-soft)!important}
html[data-theme="light"] .title-gradient{background:none!important;-webkit-text-fill-color:var(--b-gold-text)!important;color:var(--b-gold-text)!important}
html[data-theme="light"] .appcta span{color:var(--b-soft)!important}html[data-theme="light"] .appcta span b{color:var(--b-text)!important}html[data-theme="light"] .appcta .buy{color:#fff!important}
html[data-theme="dark"] [style*="color: var(--primary)"],html[data-theme="dark"] [style*="color:var(--primary)"]{color:var(--b-teal-ui)!important}
html[data-theme="dark"] [style*="color: #0E131F"],html[data-theme="dark"] [style*="color:#0E131F"]{color:var(--b-text)!important}
html[data-theme="dark"] main a:not([class]):not([style]),html[data-theme="dark"] .card a:not([class*="btn"]){color:var(--b-teal-ui)}
[style*="color: var(--tt-pitch-black)"]{color:var(--b-text)!important}
[style*="background: var(--tt-pitch-black)"]{background:linear-gradient(135deg,#145768,#0B3440)!important;color:#fff!important}
[style*="background: var(--tt-pitch-black)"] h2,[style*="background: var(--tt-pitch-black)"] h3{color:#fff!important}
[style*="background: var(--tt-pitch-black)"] p{color:#D6E6EA!important}
html[data-theme="light"] body{--bg-elevated:#F8FBFC;--bg-card:#FFFFFF;--text-card:#0E2A33}
html[data-theme="light"] .tt-hero-eyebrow,html[data-theme="light"] .tt-hero-eyebrow span,html[data-theme="light"] .tt-tab-btn.active{color:var(--b-gold-text)!important}
html[data-theme="light"] [style*="--tt-primary-extra-light"],html[data-theme="light"] [style*="--tt-green-bg"]{color:var(--b-text)!important}
html[data-theme="light"] [style*="background: #0F172A"]{color:var(--b-gold-text)!important}