/* ============================================================
   PNL AI — brand layer over the shared stylesheet.

   Palette is taken from the logo: charcoal script "PnL" with a gold
   growth-arrow on white. Change the values in :root and the whole site
   re-tints; the logo files live in assets/img/pnlai-mark*.png.
   ============================================================ */
:root {
  --pnl-ink:    #1B1F24;   /* charcoal — headings, primary buttons        */
  --pnl-ink-2:  #2E343C;   /* charcoal hover                              */
  --pnl-accent: #B8922F;   /* logo gold — links, highlights, nav CTA      */
  --pnl-gold-2: #D9B45A;   /* light gold — hover, gradients, on dark      */
  --pnl-warm:   #B8922F;   /* legacy alias used by shared components      */
  --pnl-soft:   #F6F3EC;   /* warm cream surfaces                         */
  --pnl-line:   rgba(184,146,47,.22);

  /* Re-map the shared Karneeti palette onto the PnL AI logo palette.
     Every saffron/orange in styles.css becomes charcoal-or-gold here. */
  --saffron:       #B8922F;   /* was orange — now logo gold          */
  --saffron-deep:  #8F6F1E;   /* deep gold                            */
  --arjuna-warm:   #8F6F1E;
  --gold:          #D9B45A;
  --gold-bright:   #E9C86E;
  --gold-soft:     #F0E2B8;
  --royal:         #1B1F24;   /* primary buttons were royal blue      */
  --navy:          #14171B;
  --deep:          #0E1013;
  --krishna-blue:  #2E343C;
  --krishna-blue-light: #4A525C;
  --cream:         #FAF8F3;
  --warm-white:    #FFFEFB;
  --text-dark:     #1B1F24;
  --text-mid:      #555A63;
  --text-light:    #858B94;
  --border-soft:   rgba(184,146,47,.16);
  --border-mid:    rgba(184,146,47,.28);
  --shadow-sm:     0 4px 15px rgba(60,50,20,.07);
  --shadow-md:     0 10px 40px rgba(60,50,20,.10);
}

/* ---------- logo lockup: monogram + wordmark ---------- */
.pnl-brand { text-decoration: none; display: inline-flex; align-items: center; gap: .55rem; }
.pnl-brand img[width][height] { height: 46px; width: auto; max-width: none; display: block; }
.pnl-word { display: flex; flex-direction: column; line-height: 1; }
.pnl-word b {
  font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.45rem;
  letter-spacing: -.01em; color: var(--pnl-ink);
}
.pnl-word b em { font-style: normal; color: var(--pnl-accent); }
.pnl-word small {
  margin-top: .22rem; font-size: .58rem; letter-spacing: .16em; text-transform: uppercase;
  color: #6B6F76; font-weight: 600; white-space: nowrap;
}
.site-footer .pnl-brand img[width][height] { height: 54px; }
.site-footer .pnl-word b { color: #fff; }
.site-footer .pnl-word b em { color: var(--pnl-gold-2); }
.site-footer .pnl-word small { color: rgba(255,255,255,.6); }
@media (max-width: 640px) {
  .pnl-brand img[width][height] { height: 38px; }
  .pnl-word b { font-size: 1.2rem; }
  .pnl-word small { font-size: .5rem; letter-spacing: .12em; }
}

/* ---------- accent swap: the shared sheet is built on saffron/gold ---------- */
.pnl-accented .btn-primary,
.vhero-ctas .p { background: var(--pnl-ink); color: #fff; box-shadow: 0 10px 28px rgba(27,31,36,.28); }
.pnl-accented .btn-primary:hover,
.vhero-ctas .p:hover { background: var(--pnl-ink-2); box-shadow: 0 14px 34px rgba(184,146,47,.35); }
.nav-cta { background: var(--pnl-accent) !important; color: #fff !important; box-shadow: 0 8px 22px rgba(184,146,47,.32) !important; }
.nav-cta:hover { background: var(--pnl-ink) !important; }
.nav-links a:hover, .nav-links a.active { color: var(--pnl-accent); }
.nav-links a.active::after { background: var(--pnl-accent); }
.pnl-accented a:not(.btn-primary):not(.btn-secondary):not(.nav-cta):not(.brand) { color: var(--pnl-accent); }
.pnl-accented a:not(.btn-primary):not(.btn-secondary):not(.nav-cta):not(.brand):hover { color: var(--pnl-ink); }
.pnl-accented .eyebrow, .pnl-accented .section-eyebrow { color: var(--pnl-accent); }
.pnl-accented h1 em, .pnl-accented h2 em { color: var(--pnl-accent); font-style: normal; }
.pnl-accented .tw-text, .pnl-accented .tw-caret { color: var(--pnl-accent); }
.pnl-accented .tw-caret { background: var(--pnl-accent); }

/* ---------- home ---------- */
.pnl-strap {
  background: var(--pnl-soft); padding: 1.1rem 1.5rem; text-align: center;
  border-top: 1px solid var(--pnl-line); border-bottom: 1px solid var(--pnl-line);
}
.pnl-strap p { margin: 0; font-size: .95rem; color: var(--text-mid); }
.pnl-strap a { color: var(--pnl-accent); font-weight: 700; text-decoration: none; }
.pnl-strap a:hover { text-decoration: underline; }

/* ---------- hero re-tint (shared hero.css is saffron/royal) ---------- */
.vhero-copy .eyebrow, .vhero-eyebrow { color: var(--pnl-accent) !important; }
.vhero h1 .tw { background-image: linear-gradient(135deg, var(--pnl-accent) 10%, var(--pnl-gold-2) 90%) !important; }
.vhero .rule { background: linear-gradient(90deg, var(--pnl-accent), transparent) !important; }
.vhero-ctas .p { background: var(--pnl-ink) !important; }
.vhero-ctas .p:hover { background: var(--pnl-ink-2) !important; }
.fc .live { color: var(--pnl-accent) !important; background: rgba(184,146,47,.14) !important; }
.fc .live::before { background: var(--pnl-accent) !important; }
.art-note { color: rgba(27,31,36,.55); }