/* Himalayan Dreams Art Gallery theme (13 Nov 2026): navy + gold taken from the logo, on white.
   Loaded after tulika.css and overrides its tokens. Remove the two lines in layouts/site.blade.php to go back. */
:root {
  --paper: #ffffff; --paper-2: #f7f8fb; --fog: #eef1f6; --fog-2: #e1e6ee;
  --ink: #0f2140; --ink-2: #2b3d63; --slate: #5f6b85;
  --line: #e2e6ee; --line-2: #c9d1de;
  --loden: #9a7430; --loden-2: #7f5e22; --loden-tint: #f6efdf;
  --madder: #b3261e; --wine: #0d2b55; --wine-deep: #092449; --brass: #b99653; --night: #071a36;
  --glass: rgba(255,255,255,.88); --wall: #eef1f6;
  --serif: "Cormorant Garamond", "Fraunces", Georgia, "Times New Roman", serif;
  --bs-body-color: #1f2b48; --bs-body-bg: #ffffff; --bs-emphasis-color: #0f2140; --bs-heading-color: #0f2140;
  --bs-secondary-color: #5f6b85; --bs-secondary-bg: #f7f8fb; --bs-tertiary-bg: #eef1f6; --bs-border-color: #e2e6ee;
  --bs-link-color: #0d2b55; --bs-link-color-rgb: 13,43,85; --bs-link-hover-color: #9a7430; --bs-link-hover-color-rgb: 154,116,48;
  --bs-focus-ring-color: rgba(185,150,83,.4);
}

/* Announcement bar: deep navy with gold accents */
.announce {
  --paper: #092449; --paper-2: #0d2b55; --fog: rgba(255,255,255,.09); --fog-2: rgba(255,255,255,.15);
  --ink: #ffffff; --ink-2: #dfe5f2; --slate: #b6c1d8; --line: rgba(255,255,255,.16); --line-2: rgba(255,255,255,.34);
  --loden: #d8b86a; --loden-2: #e6cb8a; --brass: #d8b86a; color: var(--ink);
}

/* Footer: light, so the navy + gold logo stays readable */
.site-footer {
  --paper: #f7f8fb; --paper-2: #ffffff; --fog: #eef1f6; --fog-2: #e1e6ee;
  --ink: #0f2140; --ink-2: #2b3d63; --slate: #5f6b85; --line: #e2e6ee; --line-2: #c9d1de;
  --loden: #9a7430; --loden-2: #7f5e22; --brass: #b99653; color: var(--ink); border-top: 1px solid var(--line);
}

/* Type: classical serif to sit with the logo's lettering */
.t-wide, .display-xl, .display-l, .h-section { font-family: var(--serif); font-weight: 600; letter-spacing: -.005em; }

/* Logo image in header and footer */
.wordmark.has-logo { gap: 0; }
.site-header .wordmark.has-logo::before { display: none; }
.brand-logo { display: block; height: 50px; width: auto; max-width: 100%; }
.site-footer .brand-logo { height: 58px; }
@media (max-width: 991.98px) { .brand-logo { height: 38px; } }
@media (max-width: 575.98px) { .brand-logo { height: 32px; } }

/* Hard-coded colours in tulika.css that the tokens do not reach */
body { color: #1f2b48; }
.site-header { background: rgba(255,255,255,.94); }
.site-header.is-scrolled { box-shadow: 0 16px 34px -28px rgba(9,36,73,.35); }
.mega { box-shadow: 0 40px 60px -40px rgba(9,36,73,.3); }
.announce, .announce-links a { color: #e9edf5; }
.announce-links a:hover { color: #ffffff; }
.site-footer { background: var(--paper); }
.vl-fabric { background: #edf1f7; }
.vl-fabric .editorial-media .m2 { border-color: #edf1f7; }
.vl-film .gram a::after { background: rgba(9,36,73,.38); }
.vl-news .newsletter { background: linear-gradient(135deg, #0d2b55 0%, #092449 100%); color: #ffffff; --ink: #ffffff; --ink-2: #dfe5f2; --slate: #b6c1d8; --bs-heading-color: #ffffff; --line: rgba(255,255,255,.2); }
.vl-news .lede { color: #dfe5f2; }
.vl-news .form-note { color: #b6c1d8; }
.vl-news .inline-form { border-color: rgba(255,255,255,.35); }
.vl-news .inline-form input::placeholder { color: #7a829a; }
.sticky-buy { background: rgba(255,255,255,.96); }
.lightbox .modal-content { background: #f7f8fb; }
.form-select, .form-control { background-color: #ffffff; }
.form-control::placeholder { color: #7a829a; }
.btn:focus-visible, .form-control:focus, .form-select:focus { box-shadow: 0 0 0 3px rgba(185,150,83,.35); }
.to-top { box-shadow: 0 10px 28px -8px rgba(9,36,73,.35); }
