/* Match the full-page blue gradient shown on Aahil's travel atlas. */
body[data-shoulder] {
  --bg: #08162d;
  --panel: #142b59;
  --text: #edf6ff;
  --accent: #60edff;
  --lime: #d5ff63;
  --muted: #b8ccec;
  --line: #83adf640;
  color: var(--text);
  background:
    radial-gradient(ellipse at 12% 8%, #194c8c 0, transparent 38%),
    radial-gradient(ellipse at 90% 27%, #49328a75, transparent 40%),
    radial-gradient(ellipse at 22% 73%, #126e8b44, transparent 40%),
    #08162d;
  background-attachment: fixed;
}

/* Carry Aahil's blue palette through every card, viewer, and photo surround. */
body[data-shoulder] :is(.aahil-wonders,.country-dialog,.world-archive,.sana-cake-dialog) {
  background: radial-gradient(ellipse at 15% 25%,#206bc84a,transparent 50%),
    radial-gradient(ellipse at 100% 100%,#ad4dd43b,transparent 60%),#10264b;
  color: #edf6ff;
  border-color: #b6a6ff66;
  box-shadow: 0 18px 55px #020b2440;
}
body[data-shoulder] :is(.sana-cake-card,.tour-city-card,.dialog-city-card,.archive-card,.archive-country,.archive-city,.cake-collection-note) {
  background: linear-gradient(145deg,#173b68,#121e40);
  color: #edf6ff;
  border-color: #91b8f05c;
  box-shadow: 0 12px 30px #020b2426;
}
body[data-shoulder] :is(.sana-cake-image,.tour-city-photo,.country-story-image,.cake-dialog-image,.cake-hero-photo,.wonder-stamp-art) {
  background: radial-gradient(ellipse at 30% 20%,#214a7b,#0b1f40 80%);
  border-color: #78cbe87a;
}
body[data-shoulder] :is(.sana-cake-copy,.tour-city-copy,.wonder-stamp-copy) { background: transparent; }
body[data-shoulder] :is(.dialog-top,.archive-top,.cake-dialog-top) {
  background: #173461;
  color: #e8f5ff;
  border-color: #91a6ff40;
}
body[data-shoulder] :is(.dialog-title-row h2,.country-story-heading h2,.archive-intro h2,.dialog-city-card h3,.archive-card-copy > strong,.sana-cake-copy strong,.tour-city-copy h5,.wonders-heading h2,.wonder-stamp strong) {
  color: #f1f8ff;
}
body[data-shoulder] :is(.sana-cake-copy small,.tour-city-copy > span,.wonders-heading .eyebrow,.cake-dialog-top small) { color: #8cecff; }
body[data-shoulder] :is(.sana-cake-copy > span,.country-story-note,.country-story-controls > span,.cake-dialog-mode span,.cake-dialog-bottom p,.cake-hero-controls span,.wonders-intro,.wonder-collection-label,.wonder-collection-label > span:last-child,.wonder-stamp small,.wonder-stamp-number) {
  color: #bfd5ef;
}
body[data-shoulder] :is(.close-button,.back-button,.archive-close,.cake-back-link,.country-story-controls button,.country-story-chapters button,.cake-hero-controls button,.cake-hologram-options button,.sana-cake-dialog button,.wonder-tour-controls button,.continent-tour-controls button,.tour-country-picker select,.archive-tools input,.archive-tools select,.atlas-index-search input) {
  background: #173461;
  color: #edf6ff;
  border-color: #91b8f070;
}
body[data-shoulder] .secondary {
  background: linear-gradient(120deg,#203e7366,#51479c66);
  color: #e7f2ff;
  border-color: #b0a2ff6b;
}
body[data-shoulder] :is(.atlas-index-search input,.archive-tools input)::placeholder { color: #b6c8e9; }
body[data-shoulder] .archive-view.is-active {
  background: #284a7b;
  color: #a4edff;
}
body[data-shoulder] .continent-jumps a {
  background: color-mix(in srgb,var(--region-color) 12%,#112b55);
  color: #e7f2ff;
  border-color: color-mix(in srgb,var(--region-color) 45%,transparent);
}
body[data-shoulder] .continent-jumps a:hover {
  background: color-mix(in srgb,var(--region-color) 26%,#112b55);
  color: #fff;
}
body[data-shoulder] .atlas-copy .planned-scale > div {
  background: #153b64;
  border-color: #7dd5ed70;
}
body[data-shoulder] .atlas-copy .planned-scale > div:last-of-type {
  background: #272d58;
  border-color: #b4a1fa70;
}
body[data-shoulder] .atlas-copy .planned-scale :is(span,small) { color: #c4e2ee; }
body[data-shoulder] .wonders-heading h2 em {
  background: linear-gradient(100deg,#8eeaff,#b6a2ff,#ffbce6);
  background-clip: text;
  color: transparent;
}
body[data-shoulder] .wonders-tally-ring {
  background: conic-gradient(from -90deg,#d5ff63 0 71.43%,#284b76 71.43% 100%);
  box-shadow: 0 0 0 7px #0c2042;
}
body[data-shoulder] .wonders-tally strong { background: #10264b; color: #e3ff89; }
body[data-shoulder] .wonders-tally strong span,
body[data-shoulder] .wonders-tally small { color: #cbdeff; }
body[data-shoulder] .wonder-visited {
  background: #7bc95918;
  color: #dcff9b;
  border-color: #b5f99988;
}
body[data-shoulder] .wonder-stamp,
body[data-shoulder] .wonder-stamp.is-ahead {
  background: color-mix(in srgb,var(--stamp-color,#7befff) 8%,#0d2245);
  color: #edf4ff;
  border-color: color-mix(in srgb,var(--stamp-color,#7befff) 40%,transparent);
}
body[data-shoulder] .wonder-stamp[aria-pressed="true"] {
  background: #214465;
  border-color: #8de7ef;
  box-shadow: 0 7px 18px #48d6ff20;
}
body[data-shoulder] .wonder-stamp.is-ahead .wonder-stamp-art {
  background: linear-gradient(140deg,#153761,#182444);
  color: #8cecff;
}
body[data-shoulder] .wonder-stamp.is-ahead .wonder-stamp-art > span { color: #b6c8e9; }
body[data-shoulder] .wonder-story .wonder-album,
body[data-shoulder] .cakes-hero .primary {
  background: linear-gradient(110deg,#d9ff77,#9cffb4);
  color: #102346;
  border-color: #d9ff77;
}
body[data-shoulder] .cakes-hero .secondary {
  background: linear-gradient(120deg,#203e7366,#51479c66);
  color: #e7f2ff;
  border-color: #b0a2ff6b;
}
body[data-shoulder] .sana-cake-dialog.is-hologram .cake-dialog-projection {
  background: #132f53;
  border-color: #81dfff80;
  box-shadow: 0 0 28px #45cfff29,7px 6px 0 #284f6f55,14px 12px 0 #153b592f;
}
body[data-shoulder] .sana-cake-card:hover {
  border-color: #82e7f5;
  box-shadow: 0 12px 30px #34c9f522;
}
body[data-shoulder] .site-header nav [aria-current="page"] {
  background: #284a7b;
  border-color: #8edaff70;
  color: #e7f2ff;
}
@media (max-width:650px) {
  body[data-shoulder] .wonders-tally-ring { box-shadow: 0 0 0 4px #0c2042; }
}

/* Keep navigation and headings legible against the new page background. */
body[data-shoulder] .preview-bar {
  background: #102649;
  color: #c8def9;
  border-color: #758cff3b;
}
body[data-shoulder] .preview-bar a,
body[data-shoulder] .preview-note { color: #c8def9 !important; }
body[data-shoulder] .site-header {
  background: linear-gradient(110deg, #133963e8, #202454cc);
  border-color: #91d8ff60;
  box-shadow: 0 8px 32px #020b2426;
}
body[data-shoulder] .brand,
body[data-shoulder] .brand > span,
body[data-shoulder] .site-header nav a,
body[data-shoulder] .site-header .nav-link { color: #f1f8ff; }
body[data-shoulder] .brand > svg { stroke: #7befff; }
body[data-shoulder] .brand-route { stroke: #dcff67 !important; }
body[data-shoulder] .brand > span > span,
body[data-shoulder] .site-header .brand > span > small,
body[data-shoulder] .site-header nav [data-cakes-link],
body[data-shoulder] .cake-back-link { color: #a4edff; }
body[data-shoulder] .site-header .motion-button {
  color: #f1f8ff;
  background: #243c6c;
  border-color: #a4d8ff70;
}
body[data-shoulder] :is(.atlas-index-intro h2,.cakes-hero h1,.sana-cake-heading h2,.cakes-collection h2) {
  color: #f1f8ff;
}
body[data-shoulder] :is(.atlas-index-intro h2 em,.cakes-hero h1 em,.sana-cake-heading h2 em) {
  background: linear-gradient(100deg,#5decff,#a7adff,#ffc68a);
  background-clip: text;
  color: transparent;
}
body[data-shoulder] :is(.atlas-index-intro .eyebrow,.cakes-hero .eyebrow,.sana-cake-heading .eyebrow) {
  color: #8cecff;
}
body[data-shoulder] :is(.atlas-index-intro > p,.cakes-hero .lead,.sana-cake-heading p:not(.eyebrow),.atlas-destinations > .section-caption) {
  color: #bfd5ef;
}
body[data-shoulder] .continent-heading h3,
body[data-shoulder] .continent-city-heading h4,
body[data-shoulder] .atlas-country { color: #edf6ff; }
body[data-shoulder] .atlas-country-places,
body[data-shoulder] .continent-heading > span:last-child { color: #b8ccec; }
body[data-shoulder] :is(.site-footer,.cakes-footer) {
  color: #b9cdef;
  border-color: #97aaff40;
}
body[data-shoulder] :is(.site-footer,.cakes-footer) a { color: #a4edff; }
body[data-shoulder] .cake-tallies strong { color: #a4edff; }
body[data-shoulder] .cake-tallies span,
body[data-shoulder] .cake-hologram-options p { color: #bfd5ef; }
@media (max-width:600px) {
  body[data-shoulder] .site-header nav a,
  body[data-shoulder] .site-header .nav-link {
    background: #173461;
    border-color: #91d8ff40;
  }
}