/* ============================================================
   LeaderRoll brand colors (v2: warm)
   Edit colors HERE. Every page links this file last,
   so a change here updates the whole site.
   ============================================================ */
:root{
  /* core brand */
  --lr-navy:#0F172A;        /* dark sections, text */
  --lr-indigo:#4F46E5;      /* logo, links, secondary buttons */
  --lr-indigo-h:#4338CA;
  --lr-emerald:#10B981;     /* success, checkmarks (fills) */
  --lr-emerald-t:#047857;   /* emerald used as text on light */
  /* warmth */
  --lr-gold:#D9A441;        /* main buttons (navy text on top) */
  --lr-gold-h:#C8922F;
  --lr-gold-edge:#B8862B;
  --lr-cream:#F7F4EC;       /* page background */
  --lr-cream-2:#EFEAE0;     /* alternate bands */
  --lr-line:#E7E0D0;        /* borders */
  --lr-muted:#6B6558;       /* secondary text on light */

  /* map each page's own color names onto the brand */
  --paper:var(--lr-cream);
  --canvas:var(--lr-cream);
  --bg:var(--lr-cream);
  --band:var(--lr-cream-2);
  --line:var(--lr-line);
  --muted:var(--lr-muted);
  --slate:var(--lr-muted);
}

/* page background */
html body{background-color:var(--lr-cream)}

/* main (primary) buttons: gold with navy text */
.btn--primary,
.btn:not(.btn--ghost):not(.btn--primary),
.cta, .buybtn, .btn-fake,
a.bg-brand{
  background:var(--lr-gold) !important;
  color:var(--lr-navy) !important;
  border:1px solid var(--lr-gold-edge) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.10),0 8px 20px -10px rgba(184,134,43,.55) !important;
}
.btn--primary:hover,
.btn:not(.btn--ghost):not(.btn--primary):hover,
.cta:hover, .buybtn:hover, a.bg-brand:hover{
  background:var(--lr-gold-h) !important;
}

/* main site (leaderroll.com) light sections */
/* (bg-slate-50 handled below) */
html body .gradient-bg{background:linear-gradient(180deg,var(--lr-cream) 0%,var(--lr-cream-2) 100%) !important}

/* ---- main site (leaderroll.com, built with Tailwind) ---- */
html body.bg-white,
html body section.bg-white,
html body header.bg-white{background-color:var(--lr-cream) !important}
html body section.bg-slate-50,
html body footer.bg-slate-50{background-color:var(--lr-cream-2) !important}
html body nav.bg-white\/90{background-color:rgba(247,244,236,.92) !important}
html body .border-slate-100,
html body .border-slate-200{border-color:var(--lr-line) !important}
/* navy "Get Started" / "See how it works" buttons become gold like every other main button */
a.bg-slate-900{
  background:var(--lr-gold) !important;
  color:var(--lr-navy) !important;
  border:1px solid var(--lr-gold-edge) !important;
}
a.bg-slate-900:hover{background:var(--lr-gold-h) !important}