/* ============================================ TEMPLATE: Main Public Pages Homepage, public tours overview, landing pages Load order: brand-components.css → template.css → templates/main.css Body class: ============================================ */ body.lbpf-main { /* Font overrides (defaults — change here to restyle all main pages) */ --font-heading: 'Playfair Display', 'Times New Roman', serif; --font-body: 'Inter', system-ui, -apple-system, sans-serif; --font-accent: 'Inter', system-ui, sans-serif; /* Surface */ --template-bg: var(--lbpf-color-background); --template-surface: var(--lbpf-color-surface); --template-text: var(--lbpf-color-text); --template-text-muted: var(--lbpf-color-text-muted); background: var(--template-bg); color: var(--template-text); } /* Main pages: warm, magazine-like feel */ body.lbpf-main .lbpf-card { background: var(--template-surface); } /* CTAs on main pages use pill shape */ body.lbpf-main .lbpf-button--primary { border-radius: var(--lbpf-curve-full); } /* Hero sections get warm gradient overlay */ body.lbpf-main .hero-section { background: var(--lbpf-gradient-warm); }