/* Kufri Heritage Resort & Spa — brand palette derived from the official logo
   Navy #1E2A6E · Red #D2122A · White
   Loaded AFTER styles.css + inner.css so it overrides the original variables. */

:root {
  /* Primary palette (logo-matched) */
  --color-deodar:      #1E2A6E;  /* navy — headings, primary dark */
  --color-pine:        #151D52;  /* deeper navy — dark bands, footer */
  --color-copper:      #D2122A;  /* brand red — CTAs, accents */
  --color-copper-deep: #A80D1F;  /* red hover/pressed */
  --color-snow:        #F7F8FA;  /* cool white page base */
  --color-warm-white:  #FFFFFF;
  --color-mist:        #DFE3EE;  /* light cool borders */
  --color-stone:       #767C93;  /* cool grey secondary text */
  --color-charcoal:    #14161F;  /* near-black text */
}

/* Selection + focus follow the brand red */
::selection { background: var(--color-copper); color: #fff; }
:focus-visible { outline: 2px solid var(--color-copper); outline-offset: 2px; }

/* Cream surfaces from the original design -> cool white so navy reads correctly */
[style*="background:#faf7f0"],
[style*="background: #faf7f0"] { background: #F4F6FB !important; }

/* Dark bands that were hard-coded green -> navy */
[style*="background:#1A3329"],
[style*="background: #1A3329"],
[style*="#1A3329"] { background-color: var(--color-pine) !important; }

/* Sticky mobile bar + drawer follow navy */
#khr-wa-bar, .sticky-bar { background: var(--color-pine) !important; }
.nav__drawer { background: var(--color-pine) !important; }
.nav.is-scrolled { background: var(--color-pine) !important; }

/* Brand mark ring in the header/footer logo lockup */
.brand__mark { border-color: rgba(255,255,255,.85); }

/* Accessibility: sticky WhatsApp bar tap target >= 44px (WCAG 2.5.5) */
.ht-ctc-chat, #ht-ctc-chat, .ctc_s_bar, [class*="ctc"] a, #khr-wa-bar a, .sticky-bar a {
  min-height: 44px;
  display: flex; align-items: center; justify-content: center;
}