/* Landing pages: light colors (was partials/landing-template-light).
   Spacing snapped to the 9-step scale in frnd-tokens.css. Text styles come from frnd-type-map.css. */
:root {
	--lpl-bg: #faf7f2;
	--lpl-alt: #f3eee6;
	--lpl-surface: #ffffff;
	--lpl-border: #e6dfd4;
	--lpl-heading: #1b1622;
	--lpl-text: #4b4555;
	--lpl-muted: #6f6879;
	--lpl-accent: #ee4f27;       /* site orange: buttons, large text */
	--lpl-accent-text: #c23b18;  /* darker orange for small text on light backgrounds */
}
html, body.body-bg-color { background-color: var(--lpl-bg); color: var(--lpl-text); }

/* Typography */
body.body-bg-color h1, body.body-bg-color h2, body.body-bg-color h3, body.body-bg-color h4, body.body-bg-color h5, body.body-bg-color h6,
body.body-bg-color .lp-title, body.body-bg-color .lp-h2, body.body-bg-color .lp-card h4, body.body-bg-color .lp-stat strong,
body.body-bg-color .lp-person strong, body.body-bg-color .lp-theme-tile h5, body.body-bg-color .section-title__title,
body.body-bg-color .White, body.body-bg-color .footer-widget__title { color: var(--lpl-heading); }
body.body-bg-color .lp-title span { color: var(--lpl-accent); }
body.body-bg-color p, body.body-bg-color li, body.body-bg-color .lp-lead, body.body-bg-color .lp-check li,
body.body-bg-color .footer-widget__about-text, body.body-bg-color .main-footer__bottom-text { color: var(--lpl-text); }
body.body-bg-color .lp-muted, body.body-bg-color .lp-form-note { color: var(--lpl-muted); }
body.body-bg-color .lp-quote { color: var(--lpl-heading); }
body.body-bg-color .lp-eyebrow { color: var(--lpl-accent-text); border-color: rgba(238, 79, 39, .35); background: rgba(238, 79, 39, .06); }
body.body-bg-color .lp-num, body.body-bg-color .lp-check li::before, body.body-bg-color .lp-form-message,
body.body-bg-color .section-title__tagline { color: var(--lpl-accent-text); }

/* Header: intentionally not styled here. These overrides used to force a light
   header (dark links, cream sticky bar) and became wrong once the site theme moved
   to a dark header. The site's own theme styles the header on every page. */

/* Decorative glows: keep them, but softer on light backgrounds */
body.body-bg-color .pricing-one__shape-1, body.body-bg-color .pricing-one__shape-2,
body.body-bg-color .main-footer__shape-1 { opacity: .25; }

/* Sections, cards, image slots */
body.body-bg-color .lp-section--alt { background: var(--lpl-alt); }
body.body-bg-color .lp-card, body.body-bg-color .lp-stat, body.body-bg-color .lp-theme-tile {
	background: var(--lpl-surface); border-color: var(--lpl-border); box-shadow: 0 10px 30px rgba(27, 22, 34, .05);
}
body.body-bg-color .lp-theme-tile:hover { border-color: var(--lpl-accent); }
body.body-bg-color .lp-img { border-color: #cfc5b7; background: rgba(27, 22, 34, .03); color: #8a8294; }
body.body-bg-color .lp-theme-tile .lp-img { border-bottom-color: #cfc5b7; }
body.body-bg-color .lp-band { border-color: var(--lpl-border); background: linear-gradient(135deg, rgba(238, 79, 39, .10), rgba(255, 155, 38, .06) 60%, var(--lpl-surface)); }

/* Forms */
body.body-bg-color .lp-form input,
body.body-bg-color .footer-widget__email-input-box input[type="email"] { background: var(--lpl-surface); color: var(--lpl-heading); border-color: #d9d0c3; }
body.body-bg-color .lp-form input::placeholder,
body.body-bg-color .footer-widget__email-input-box input[type="email"]::placeholder { color: #8a8294; }
body.body-bg-color .lp-form input:focus { border-color: var(--lpl-accent); box-shadow: 0 0 0 3px rgba(238, 79, 39, .15); }

/* FAQ accordion */
body.body-bg-color .faq-one__inner .faq-one-accrodion .accrodion { background-color: var(--lpl-surface); border-color: var(--lpl-border); }
body.body-bg-color .faq-one__inner .faq-one-accrodion .accrodion-title h4,
body.body-bg-color .faq-one__inner .faq-one-accrodion .accrodion-title h4::before { color: var(--lpl-text); }
body.body-bg-color .faq-one__inner .faq-one-accrodion .accrodion.active .accrodion-title h4,
body.body-bg-color .faq-one__inner .faq-one-accrodion .accrodion.active .accrodion-title h4::before { color: var(--lpl-heading); }

/* Footer */
body.body-bg-color .main-footer { background-color: var(--lpl-alt); border-top: 1px solid var(--lpl-border); }
body.body-bg-color .main-footer__bottom { border-top-color: var(--lpl-border); }
body.body-bg-color .footer-widget__company-list a, body.body-bg-color .main-footer a:not(.thm-btn) { color: var(--lpl-text); }
body.body-bg-color .footer-widget__company-list a:hover, body.body-bg-color .main-footer a:not(.thm-btn):hover { color: var(--lpl-accent-text); }