/* ============================================================
   HIPSTER INDIA TOURS — "Dark leather" accent theme (preview)
   Page stays white, text stays as it is. Every orange accent
   becomes saddle-leather brown, with a pebbled leather grain
   and stitching on the buttons.

   Load AFTER every other stylesheet / <style> block, so it wins.
   Remove the <link> to this file and the site goes back to normal.
   ============================================================ */

:root {
  /* Orange → leather brown (links, labels, buttons, highlights) */
  --terra:    #4A2A16;   /* dark leather               */
  --terra-dk: #2F1A0C;   /* near-black oiled leather (hover) */
  --terra-lt: #6B4227;   /* worn, lighter leather           */
  --gold:     #6B4227;

  /* Beige panels → pale tan, like the underside of leather (page stays white) */
  --bg:      #F6F1EB;
  --bg2:     #EDE3D8;
  --border:  #E4D8CB;
  --border2: #D3C2B0;

  /* pebbled leather grain, embossed with light — drawn in code */
  --tx-leather: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='turbulence' baseFrequency='.32' numOctaves='2' seed='3' stitchTiles='stitch' result='t'/%3E%3CfeDiffuseLighting in='t' surfaceScale='1.6' lighting-color='%23fff'%3E%3CfeDistantLight azimuth='225' elevation='55'/%3E%3C/feDiffuseLighting%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -1 0 0 0 .9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)' opacity='.32'/%3E%3C/svg%3E");
  /* very faint version for the light panels */
  --tx-leather-soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='turbulence' baseFrequency='.32' numOctaves='2' seed='3' stitchTiles='stitch' result='t'/%3E%3CfeDiffuseLighting in='t' surfaceScale='1.6' lighting-color='%23fff'%3E%3CfeDistantLight azimuth='225' elevation='55'/%3E%3C/feDiffuseLighting%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .22  0 0 0 0 .12  -1 0 0 0 .9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)' opacity='.07'/%3E%3C/svg%3E");
  /* soft sheen, like light on a curved leather surface */
  --tx-sheen: linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 45%, rgba(0,0,0,.12) 100%);
}

/* ── Leather buttons, with stitching ───────────────────────── */
.btn-primary, .nav-book, .mobile-menu .mob-book, .about-badge {
  background-color: var(--terra) !important;
  background-image: var(--tx-sheen), var(--tx-leather) !important;
  background-size: auto, 160px 160px !important;
  border-color: var(--terra-dk) !important;
  color: #FBF4EC !important;
  outline: 1px dashed rgba(251,236,214,.55);
  outline-offset: -5px;
}
.btn-primary:hover, .nav-book:hover {
  background-color: var(--terra-dk) !important;
  border-color: var(--terra-dk) !important;
  box-shadow: 0 6px 18px rgba(47,26,12,.35) !important;
}
.btn-outline { border-color: var(--ink); }
.faq-item.open .faq-icon { background: var(--terra); border-color: var(--terra); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  border-color: var(--terra);
  box-shadow: 0 0 0 3px rgba(74,42,22,.18);
}
.rating-badge { background: var(--bg); border-color: var(--border2); }

/* Panels that were beige: pale tan with a whisper of leather grain */
.exp-card, .il-card-bg, .exc-box, .section-alt, .price-box, .book-aside-card {
  background-image: var(--tx-leather-soft);
  background-size: 160px 160px;
}
.exp-card { background-color: var(--bg) !important; }

/* Arrow buttons: small leather tabs */
.exp-arrow {
  background-color: var(--terra);
  background-image: var(--tx-sheen), var(--tx-leather);
  background-size: auto, 160px 160px;
  border-color: var(--terra-dk);
}
.exp-arrow:hover { background-color: var(--terra-dk); }

/* ── Other pages ───────────────────────────────────────────── */
/* Chandigarh guides page: answer boxes + source tags were peach */
.cg-answer { background: var(--bg); border-color: var(--border); }
.cg-src-a  { background: var(--bg2); color: var(--terra); }
/* Home page chapter panels: gold kicker → light tan */
.ch-kicker { color: #E2CBB0; }