/* ==========================================================================
   theme-override.css  —  Bangle Tiger Hospitality and Delivery
   --------------------------------------------------------------------------
   Load this file LAST (after css/custom.css and css/layout-fixes.css).

   It does exactly two things and nothing else:
     1. Brand accent recolour : golden  ->  #C02332
     2. Typography swap       : Inter / Onest  ->  Plus Jakarta Sans / Outfit

   Layout, spacing, images, structure and page content are untouched.
   Delete this one file (or its <link>) to revert everything.
   ========================================================================== */

:root {
  /* ---- new brand accent ---- */
  --brand-accent: #C02332;
  --brand-accent-dark: #9C1A27;
  --brand-accent-soft: rgba(192, 35, 50, .10);

  /* Template accent variables: whichever name css/custom.css actually uses is
     picked up here. Names it never defined are simply ignored by the browser. */
  --theme-color: #C02332;
  --primary-color: #C02332;
  --accent-color: #C02332;
  --main-color: #C02332;
  --brand-color: #C02332;
  --color-primary: #C02332;
  --bs-primary: #C02332;
  --bs-primary-rgb: 192, 35, 50;

  /* ---- new typefaces ---- */
  --font-body: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-heading: 'Outfit', 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ==========================================================================
   1. TYPOGRAPHY  — font family only. Sizes, weights, letter-spacing untouched.
   ========================================================================== */

body,
p, li, a, span, td, th, label,
input, textarea, select, button, .btn,
.navbar, .main-menu, .footer-menu {
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.section-title h2,
.section-title h3,
.counter,
blockquote {
  font-family: var(--font-heading);
}

/* ==========================================================================
   2. ACCENT COLOUR  — text/icon elements the theme used to render golden
   ========================================================================== */

/* buttons */
.btn-default,
.btn-default:focus,
.btn-default:active,
.btn-theme {
  background-color: var(--brand-accent);
  border-color: var(--brand-accent);
}

.btn-default:hover,
.btn-theme:hover {
  background-color: var(--brand-accent-dark);
  border-color: var(--brand-accent-dark);
}

/* header + navigation */
.main-menu .navbar-nav .nav-link:hover,
.main-menu .navbar-nav .nav-link:focus,
.main-menu .navbar-nav .nav-item.active > .nav-link,
.main-menu .navbar-nav li ul .nav-link:hover,
.main-menu .navbar-nav li ul .nav-item.active > .nav-link,
.slicknav_nav a:hover,
.header-contact-btn .btn-phone:hover,
.header-social-links a:hover,
.header-social-links a:hover i {
  color: var(--brand-accent);
}

/* section eyebrows + tab nav */
.section-title h3,
.section-title .sub-title,
.our-service-nav .nav-link.active,
.our-service-nav .nav-link:hover {
  color: var(--brand-accent);
}

/* links, quotes, list bullets, hover states */
.footer-links ul li a:hover,
.footer-menu ul li a:hover,
.footer-contact-content a:hover,
.footer-copyright-text a:hover,
blockquote,
blockquote::before,
.service-tab-content-list ul li::before,
.project-content h3 a:hover {
  color: var(--brand-accent);
}

/* counters, icon glyphs, social, carousel, scroll-top */
.features-counter h2,
.features-counter h2 .counter,
.counter,
.icon-box i,
.footer-social-links ul li a:hover,
.footer-social-links ul li a:hover i,
.header-social-links ul li a:hover i,
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: var(--brand-accent);
}

/* accent backgrounds + focus rings */
.swiper-pagination-bullet-active,
.scrolltop,
.scroll-to-top,
#scrollToTop {
  background-color: var(--brand-accent);
  border-color: var(--brand-accent);
  color: #ffffff;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus,
.nav-tabs .nav-link.active {
  border-color: var(--brand-accent);
}

/* ==========================================================================
   3. GOLDEN ICONS (images/*.svg)
   These files have been re-issued in #C02332 — see the note in the reply.
   Nothing is filtered here, so the icons render in exactly the new red.
   icon-white-*.svg stay white on purpose: they sit on dark backgrounds.
   ========================================================================== */