/* =========================================================
   brand-theme.css — Jahnavi Dalmia
   Colours + fonts ONLY. Loaded after bootstrap.min.css.
   Swap the token values here to match the live theme;
   nothing else in the build needs to change.
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300..700&family=Manrope:wght@400;500;600;700&display=swap");

:root {
  /* ---- Brand tokens ---- */
  --jd-paper:        #f7f1e8;   /* page background (warm paper) */
  --jd-paper-2:      #efe5d6;   /* panels / cards */
  --jd-ink:          #1d1814;   /* headings + body */
  --jd-ink-soft:     #5e5249;   /* secondary text */
  --jd-accent:       #a4521c;   /* tea-amber accent */
  --jd-accent-rgb:   164, 82, 28;
  --jd-accent-dark:  #7e3c12;
  --jd-line:         rgba(29, 24, 20, .14);

  --jd-font-display: "Outfit", "Segoe UI", sans-serif;
  --jd-font-body:    "Manrope", "Segoe UI", sans-serif;

  /* ---- Bootstrap remap ---- */
  --bs-body-bg:            var(--jd-paper);
  --bs-body-color:         var(--jd-ink);
  --bs-body-color-rgb:     29, 24, 20;
  --bs-body-font-family:   var(--jd-font-body);
  --bs-heading-color:      var(--jd-ink);
  --bs-secondary-color:    var(--jd-ink-soft);
  --bs-border-color:       var(--jd-line);
  --bs-primary:            var(--jd-accent);
  --bs-primary-rgb:        var(--jd-accent-rgb);
  --bs-primary-text-emphasis: var(--jd-accent-dark);
  --bs-primary-bg-subtle:  #f3e1d2;
  --bs-primary-border-subtle: #e2bfa3;
  --bs-secondary:          var(--jd-ink-soft);
  --bs-secondary-rgb:      94, 82, 73;
  --bs-dark:               var(--jd-ink);
  --bs-dark-rgb:           29, 24, 20;
  --bs-link-color:         var(--jd-accent);
  --bs-link-color-rgb:     var(--jd-accent-rgb);
  --bs-link-hover-color:   var(--jd-accent-dark);
  --bs-link-hover-color-rgb: 126, 60, 18;
  --bs-focus-ring-color:   rgba(var(--jd-accent-rgb), .3);
}

h1, h2, h3, h4, .font-display { font-family: var(--jd-font-display); }

.btn-primary {
  --bs-btn-bg: var(--jd-accent);
  --bs-btn-border-color: var(--jd-accent);
  --bs-btn-hover-bg: var(--jd-accent-dark);
  --bs-btn-hover-border-color: var(--jd-accent-dark);
  --bs-btn-active-bg: var(--jd-accent-dark);
  --bs-btn-active-border-color: var(--jd-accent-dark);
}
.btn-outline-dark {
  --bs-btn-color: var(--jd-ink);
  --bs-btn-border-color: var(--jd-ink);
  --bs-btn-hover-bg: var(--jd-ink);
  --bs-btn-hover-border-color: var(--jd-ink);
  --bs-btn-hover-color: var(--jd-paper);
  --bs-btn-active-bg: var(--jd-ink);
}
.modal { --bs-modal-bg: var(--jd-paper); }