/* Walan light/dark theme — light is the default; dark keeps the original palette */
html[data-theme="light"]{
  --bg:#f5f7fb;--bg2:#eaeff6;--bg3:#ffffff;
  --text:#0d1520;--muted:#52627a;
  --lblue:#0079b3;--gold-text:#a86b00;
  --border:rgba(59,105,178,.18);--card:#ffffff;
  color-scheme:light;
}
html[data-theme="dark"]{color-scheme:dark;}
body{transition:background-color .3s ease,color .3s ease;}
html[data-theme="light"] nav{background:rgba(255,255,255,.92)!important;box-shadow:0 1px 0 rgba(13,21,32,.04),0 6px 24px -12px rgba(13,21,32,.12);}
html[data-theme="light"] .story-img{box-shadow:0 20px 50px -20px rgba(13,21,32,.35);}
html[data-theme="light"] .vm-card,
html[data-theme="light"] .values-grid>div{box-shadow:0 10px 30px -18px rgba(13,21,32,.25);}
html[data-theme="light"] .page-header{background:linear-gradient(180deg,rgba(59,105,178,.10) 0%,transparent);}

/* light mode: colours hard-coded on individual elements */
html[data-theme="light"] [style*="color:#ff4d4d"]{color:#d32f2f!important;}
html[data-theme="light"] [style*="color:#8fa3bc"]{color:var(--muted)!important;}
html[data-theme="light"] [style*="background:#111d2e"]{background:var(--bg2)!important;}
html[data-theme="light"] button[style*="rgba(59,105,178,.2)"][style*="color:#fff"]{color:var(--blue)!important;}
html[data-theme="light"] [style*="rgba(0,0,0,.5)"],html[data-theme="light"] [style*="rgba(0,0,0,.4)"],
html[data-theme="light"] .why-img-wrap img{box-shadow:0 18px 44px -18px rgba(13,21,32,.35)!important;}
html[data-theme="light"] .plan-card:hover{box-shadow:0 16px 40px -16px rgba(13,21,32,.25)!important;}

/* toggle */
.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.06);cursor:pointer;direction:ltr;flex-shrink:0;font:inherit;}
.theme-toggle span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .25s,color .25s;}
.theme-toggle svg{width:16px;height:16px;}
html[data-theme="light"] .theme-toggle{background:#e9eef5;border-color:rgba(13,21,32,.08);}
html[data-theme="light"] .theme-toggle .t-sun{background:#fff3dc;color:#f59e0b;box-shadow:0 1px 3px rgba(13,21,32,.15);}
html[data-theme="dark"] .theme-toggle .t-moon{background:rgba(59,105,178,.35);color:#cfe0ff;}
.theme-toggle:focus-visible{outline:2px solid var(--lblue);outline-offset:2px;}

/* small phones: logo and controls stay put, middle links swipe sideways if they don't fit */
@media (max-width:600px){
  nav{gap:8px!important;padding:0 4%!important;}
  nav>a:first-child{flex-shrink:0;}
  nav>a:first-child img{height:30px!important;}
  nav .nl,nav .nav-links{display:flex!important;flex:1 1 auto;min-width:0;gap:12px!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0;margin:0;}
  nav .nl::-webkit-scrollbar,nav .nav-links::-webkit-scrollbar{display:none;}
  nav .nl a,nav .nav-links a{font-size:12px!important;}
  nav .nr,nav .nav-right,nav>div:last-of-type{flex-shrink:0;gap:6px!important;}
  nav .btn-lang,nav>div:last-of-type>a{padding:6px 9px!important;font-size:12px!important;}
  .theme-toggle{padding:2px;}
  .theme-toggle span{width:24px;height:24px;}
  .theme-toggle svg{width:14px;height:14px;}
  /* terms/privacy: the cross-link to the other legal page is also in the footer */
  nav>div:last-of-type>a[style*="font-size:14px"]:not([style*="padding"]){display:none!important;}
}