/* ================================================================
   Logic Plumbing — Custom Styles
   ================================================================
   Add all your customizations here.
   These rules load LAST, so they override the base styles in
   index.html without you having to touch the original HTML.

   Tip: use browser DevTools (F12 → Inspector) to find element
   class names, then write your overrides below.
   ================================================================ */


/* ── Brand colors ───────────────────────────────────────────────
   Swap these variables to retheme the whole site at once.
   ---------------------------------------------------------------- */
:root {
  /* --color-primary: #c9a46b; */   /* amber gold (current) */
  /* --color-dark:    #1a1612; */   /* near-black text */
  /* --color-bg:      #f5f0e8; */   /* warm off-white background */
}


/* ── Typography ─────────────────────────────────────────────────
   Uncomment and edit to change fonts or sizes globally.
   ---------------------------------------------------------------- */
/* body {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.6;
} */


/* ── Navbar ─────────────────────────────────────────────────────
   Examples: change background, link color, padding.
   ---------------------------------------------------------------- */
/* nav, header {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
} */


/* ── Hero section ───────────────────────────────────────────────
   ---------------------------------------------------------------- */
/* .hero {
  background: linear-gradient(135deg, #f5f0e8 0%, #e8dfc8 100%);
  min-height: 90vh;
} */


/* ── Buttons ────────────────────────────────────────────────────
   ---------------------------------------------------------------- */
/* a[href*="inquiry"], .btn-primary {
  background: #c9a46b;
  color: #fff;
  border-radius: 6px;
  padding: 12px 28px;
} */


/* ── Cards (Why section) ────────────────────────────────────────
   ---------------------------------------------------------------- */
/* .feature-card, .card {
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
} */


/* ── Footer ─────────────────────────────────────────────────────
   ---------------------------------------------------------------- */
/* footer {
  background: #1a1612;
  color: #e8dfc8;
} */


/* ================================================================
   YOUR CUSTOM STYLES START HERE
   ================================================================ */