/* ==========================================================================
   Premier Cabinet Partners — light theme, aligned with R.D. Henry & Evoke.
   Loaded after style.css on every page; activates on <body class="pcp-light">.
   style.css is left untouched (the live copy carries a phone-pass block).

   Palette, taken from the two manufacturer sites:
     slate      #4B667A  R.D. Henry's brand slate blue (logo, bands)
     slate-dk   #3B4559  the slate navy both rdhenry.com and evokecabinetry.com use for text
     slate-xdk  #2A3140  footer / deepest band
     paper      #FFFFFF, mist #F6F7F9 (Evoke's near-white), linen #FBFAF4 (R.D. Henry's warm white)
     accent     --acc / --acc-ink — one accent; Evoke pages keep their own orange.
   Type: Playfair Display (R.D. Henry's display face) + Inter, Montserrat for labels.
   ========================================================================== */
body.pcp-light {
  --slate: #4B667A;
  --slate-dk: #3B4559;
  --slate-xdk: #2A3140;
  --paper: #FFFFFF;
  --mist: #F6F7F9;
  --linen: #FBFAF4;
  --line: #E2E5EB;
  --ink: #2A3140;
  --body-ink: #545E70;
  /* accent: default = R.D. Henry teal */
  --acc: #6BBDB9;
  --acc-dk: #4FA7A2;
  --acc-ink: #2E7F7B;      /* text-safe on white (4.6:1) */
  --acc-pale: #E3F3F2;
  --on-acc: #1E2B33;

  /* remap the old tokens so anything not overridden below still lands light */
  --charcoal: #FFFFFF;
  --charcoal-mid: #F6F7F9;
  --charcoal-light: #EEF1F4;
  --cream: #2A3140;
  --cream-dark: #545E70;
  --white: #2A3140;
  --text-muted: #6B7486;
  --gold: var(--acc-ink);
  --gold-light: var(--acc-ink);
  --gold-pale: var(--acc-pale);
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Inter', 'Segoe UI', Arial, sans-serif;
  --label: 'Montserrat', Arial, sans-serif;

  background: var(--paper);
  color: var(--body-ink);
  -webkit-font-smoothing: antialiased;
}
/* alternate accent: PCP brass (preview option B) */
body.pcp-light.acc-brass {
  --acc: #C9A24B; --acc-dk: #B38C36; --acc-ink: #8A6A1F; --acc-pale: #F6EEDB; --on-acc: #2A2414;
}
body.pcp-light::before { display: none; }

/* ---- type ---- */
body.pcp-light .section-title, body.pcp-light .hero h1, body.pcp-light .line-name,
body.pcp-light .territory-state, body.pcp-light .represent-logo-name, body.pcp-light .serve-card-title,
body.pcp-light .value-text-title, body.pcp-light .stat-num {
  font-family: var(--serif); color: var(--ink); font-weight: 500;
}
body.pcp-light .section-title em, body.pcp-light .hero h1 em, body.pcp-light .line-name em {
  font-style: italic; color: var(--slate);
}
body.pcp-light .section-eyebrow, body.pcp-light .hero-eyebrow, body.pcp-light .line-tag,
body.pcp-light .nav-center > li > button, body.pcp-light .nav-center a, body.pcp-light .stat-label,
body.pcp-light .form-group label, body.pcp-light .contact-label, body.pcp-light .review-author,
body.pcp-light .mobile-menu-label, body.pcp-light .nav-dropdown-header {
  font-family: var(--label);
}
body.pcp-light .section-eyebrow, body.pcp-light .hero-eyebrow { color: var(--acc-ink); font-weight: 600; }
body.pcp-light .section-eyebrow::before, body.pcp-light .hero-eyebrow::before { background: var(--acc); }
body.pcp-light .section-body, body.pcp-light .hero-sub { color: var(--body-ink); font-weight: 400; }

/* ---- buttons ---- */
body.pcp-light .btn-primary, body.pcp-light .nav-cta, body.pcp-light .mobile-cta, body.pcp-light .line-btn {
  background: var(--slate); color: #fff; font-family: var(--label); font-weight: 600; border-radius: 3px;
}
body.pcp-light .btn-primary:hover, body.pcp-light .nav-cta:hover, body.pcp-light .line-btn:hover { background: var(--slate-dk); }
body.pcp-light .btn-ghost { color: var(--slate-dk); border-color: rgba(59,69,89,.35); font-family: var(--label); font-weight: 600; border-radius: 3px; }
body.pcp-light .btn-ghost:hover { border-color: var(--acc); color: var(--acc-ink); }
body.pcp-light .btn-dark { background: var(--paper); color: var(--slate-dk); font-family: var(--label); font-weight: 600; }
body.pcp-light .btn-dark:hover { background: var(--mist); }

/* ---- nav ---- */
body.pcp-light nav { background: rgba(255,255,255,.97); border-bottom: 1px solid var(--line); box-shadow: 0 1px 0 rgba(42,49,64,.03); }
body.pcp-light .nav-logo { color: var(--slate-dk); font-family: var(--serif); }
body.pcp-light .nav-logo span { color: var(--slate); font-style: italic; }
body.pcp-light .nav-center > li > button, body.pcp-light .nav-center a { color: var(--slate-dk); }
body.pcp-light .nav-center > li > button::after { background: var(--acc); }
body.pcp-light .nav-dropdown { background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 30px rgba(42,49,64,.12); }
body.pcp-light .nav-dropdown-header { color: var(--acc-ink); border-bottom-color: var(--line); }
body.pcp-light .nav-dropdown a { color: var(--slate-dk); border-bottom-color: var(--line); }
body.pcp-light .nav-dropdown a:hover { background: var(--mist); color: var(--acc-ink); }
body.pcp-light .nav-dropdown-tag { background: var(--mist); color: var(--text-muted); }
body.pcp-light .nav-progress { background: var(--acc); }
body.pcp-light .hamburger span { background: var(--slate-dk); }
body.pcp-light .mobile-menu { background: #fff; }
body.pcp-light .mobile-menu a { color: var(--slate-dk); }
body.pcp-light .mobile-menu-sub a { color: var(--text-muted); }
body.pcp-light .mobile-menu-label { color: var(--acc-ink); }

/* ---- hero ---- */
body.pcp-light .hero { background: var(--linen); }
body.pcp-light .hero-right::before { background: linear-gradient(105deg, var(--linen) 0%, rgba(251,250,244,0) 28%); }
body.pcp-light .hero-img { filter: none; }
body.pcp-light .hero-gold-line { display: none; }
body.pcp-light .stat-num { color: var(--slate); font-weight: 600; }
body.pcp-light .stat-label { color: var(--text-muted); }

/* ---- marquee ---- */
body.pcp-light .marquee-bar { background: var(--slate); }
body.pcp-light .marquee-item { color: #fff; font-family: var(--label); }
body.pcp-light .marquee-dot { color: var(--acc); }

/* ---- who we serve ---- */
body.pcp-light .serve-section { background: var(--paper); }
body.pcp-light .serve-card { background: var(--mist); border: 1px solid var(--line); }
body.pcp-light .serve-card::before { background: var(--acc); }
body.pcp-light .serve-card:hover { border-color: var(--acc); box-shadow: 0 10px 26px rgba(42,49,64,.08); }
body.pcp-light .serve-card-body { color: var(--body-ink); }

/* ---- lines ---- */
body.pcp-light .lines-section { background: var(--mist); }
body.pcp-light .lines-grid { background: var(--line); }
body.pcp-light .line-card { background: #fff; }
body.pcp-light .line-card:hover { background: #fff; box-shadow: inset 0 -3px 0 var(--acc); }
body.pcp-light .line-card::after { background: var(--acc); }
body.pcp-light .line-tag { color: var(--acc-ink); background: var(--acc-pale); }
body.pcp-light .line-desc { color: var(--body-ink); }
body.pcp-light .line-features li { color: var(--body-ink); }
body.pcp-light .line-features li::before { color: var(--acc-ink); }

/* ---- value ---- */
body.pcp-light .value-section { background: var(--linen); color: var(--ink); }
body.pcp-light .value-section .section-title, body.pcp-light .value-text-title { color: var(--ink); }
body.pcp-light .value-section .section-body, body.pcp-light .value-text-body { color: var(--body-ink); }
body.pcp-light .value-item { border-bottom-color: var(--line); }
body.pcp-light .value-num { color: var(--acc-ink); font-family: var(--label); }

/* ---- EZ Click band: the one dark band, for contrast ---- */
body.pcp-light .represent-section { background: var(--slate-dk); }
body.pcp-light .represent-section .section-title { color: #fff; }
body.pcp-light .represent-section .section-title em { color: var(--acc); }
body.pcp-light .represent-section .section-body, body.pcp-light .represent-section p { color: #C9CFDA !important; }
body.pcp-light .represent-section .section-eyebrow { color: var(--acc); }
body.pcp-light .represent-badge { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); }
body.pcp-light .represent-badge span { color: #fff; }
body.pcp-light .represent-logo-box { background: var(--slate-xdk); border-color: rgba(255,255,255,.12); }
body.pcp-light .represent-logo-name { color: #fff; }
body.pcp-light .represent-logo-sub { color: #AEB6C6; }
body.pcp-light .represent-section .pill { color: #DCE1EA; border-color: rgba(255,255,255,.25); }
body.pcp-light .represent-section .pill:hover { border-color: var(--acc); color: #fff; }
body.pcp-light .represent-section .btn-primary { background: var(--acc); color: var(--on-acc); }
body.pcp-light .represent-section .btn-primary:hover { background: var(--acc-dk); }
body.pcp-light .represent-section .btn-ghost { color: #fff; border-color: rgba(255,255,255,.45); }

/* ---- territory ---- */
body.pcp-light .territory-section { background: var(--paper); }
body.pcp-light .territory-grid { background: var(--line); }
body.pcp-light .territory-card { background: var(--mist); }
body.pcp-light .territory-state { color: var(--slate); }
body.pcp-light .territory-cities { color: var(--body-ink); }

/* ---- reviews ---- */
body.pcp-light .reviews-section { background: var(--mist); }
body.pcp-light .review-card { background: #fff; border: 1px solid var(--line); }
body.pcp-light .review-card::before { color: var(--acc-pale); }
body.pcp-light .review-stars { color: var(--acc-dk); }
body.pcp-light .review-text { color: var(--ink); }
body.pcp-light .review-author { color: var(--slate); }

/* ---- CTA band ---- */
body.pcp-light .cta-section { background: var(--slate); }
body.pcp-light .cta-section .section-title { color: #fff; }
body.pcp-light .cta-section .section-title em { color: var(--acc); }
body.pcp-light .cta-section .section-body { color: #DCE1EA; }

/* ---- contact ---- */
body.pcp-light .contact-section { background: var(--paper); }
body.pcp-light .form-group label, body.pcp-light .contact-label, body.pcp-light .contact-icon { color: var(--acc-ink); }
body.pcp-light .form-group input, body.pcp-light .form-group select, body.pcp-light .form-group textarea {
  background: var(--mist); border: 1px solid var(--line); color: var(--ink);
}
body.pcp-light .form-group input:focus, body.pcp-light .form-group select:focus, body.pcp-light .form-group textarea:focus { border-color: var(--slate); background: #fff; }
body.pcp-light .form-group select option { background: #fff; }
body.pcp-light .contact-value, body.pcp-light .contact-value a { color: var(--ink); }
body.pcp-light .contact-value a:hover { color: var(--acc-ink); }

/* ---- footer ---- */
body.pcp-light footer { background: var(--slate-xdk); border-top: 0; }
body.pcp-light .footer-logo { color: #fff; }
body.pcp-light .footer-logo span { color: var(--acc); }
body.pcp-light .footer-copy, body.pcp-light .footer-links a { color: #AEB6C6; }
body.pcp-light .footer-links a:hover { color: #fff; }

/* ==== line pages (Heartland, Revola, EZ Click, Gallery) ==== */
/* wood-species band used --cream as a background */
body.pcp-light .wood-section { background: var(--linen); }
body.pcp-light .wood-section .section-title { color: var(--ink) !important; }
body.pcp-light .wood-section .section-title em { color: var(--slate); }
body.pcp-light .wood-section .section-body { color: var(--body-ink); }
body.pcp-light .wood-card { background: #fff; border: 1px solid var(--line); }
body.pcp-light .wood-card-name { color: var(--ink); }

/* bottom call-to-action band: slate, not gold */
body.pcp-light .page-cta { background: var(--slate); }
body.pcp-light .page-cta .section-title { color: #fff; }
body.pcp-light .page-cta .section-title em { color: var(--acc); }
body.pcp-light .page-cta .section-body { color: #DCE1EA; }
body.pcp-light .page-cta .btn-dark, body.pcp-light .cta-section .btn-dark { background: #fff; color: var(--slate-dk); }

/* captions that sit on a darkened photo stay white */
body.pcp-light .intro-card-title, body.pcp-light .masonry-title { color: #fff; }
body.pcp-light .intro-card-title em { color: var(--acc); }
body.pcp-light .intro-card-sub { color: #DCE1EA; }
body.pcp-light .gallery-caption { color: #fff; }
body.pcp-light .masonry-detail { color: rgba(255,255,255,.75); }
body.pcp-light .intro-card-label, body.pcp-light .gallery-caption, body.pcp-light .masonry-overlay {
  background: linear-gradient(to top, rgba(30,36,48,.9), rgba(30,36,48,0)) !important;
}
body.pcp-light .tag-kitchen, body.pcp-light .tag-stained { background: rgba(107,189,185,.3); color: #E3F3F2; }

/* light cards and tabs */
body.pcp-light .diff-strip { background-color: var(--line); }
body.pcp-light .diff-item:hover, body.pcp-light .ez-stat:hover, body.pcp-light .ez-feature:hover, body.pcp-light .ez-line:hover { background: #fff; }
body.pcp-light .finish-tab:hover, body.pcp-light .filter-tab:hover { color: var(--ink); }
body.pcp-light .breadcrumb a { color: var(--text-muted); }
body.pcp-light .breadcrumb-current { color: var(--acc-ink); }
body.pcp-light .breadcrumb-sep { color: var(--acc); }

/* ==== phones ==== */
@media (max-width: 600px) {
  body.pcp-light .nav-cta { display: none; }
  body.pcp-light .nav-logo { font-size: 1.05rem; }
  body.pcp-light .hero-stats { position: static; margin: 2rem 0 0; left: auto; }
  body.pcp-light .hero-right::before { background: linear-gradient(0deg, var(--linen) 0%, rgba(251,250,244,0) 30%); }
}