/* * Public estimate signing page (PropertyWorks payments — Phase 1). * Self-contained, on-brand (MLPW) styles for /pw/estimate/{token}. Independent of the app theme * tokens (this is a public, customer-facing document opened from an email on any device), so all * colors are literal brand values matching the estimate PDF: Pine, Moss, Clay, Rust, Cream, Charcoal. * Mobile-first; the layout caps at a readable document width on larger screens. */ :root { --pwe-pine: #2c3e2d; --pwe-moss: #5a6b4c; --pwe-clay: #8b6f47; --pwe-rust: #b5651d; --pwe-rust-dark: #8e4f15; --pwe-cream: #f5f1e8; --pwe-charcoal: #1f2422; --pwe-stone: #57534c; --pwe-line: #d9d4c7; } .pwe-shell { min-height: 100vh; background: var(--pwe-cream); color: var(--pwe-charcoal); font-family: 'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; -webkit-font-smoothing: antialiased; } .pwe-page { max-width: 720px; margin: 0 auto; padding: 24px 16px 64px; box-sizing: border-box; } /* ---- Theme immunity ---- * This is a public, customer-facing document opened from an email on ANY device, so it must read * identically regardless of the viewer's saved app theme. The app applies [data-theme="dark"]/.dark * to from that preference, and structra-theme.css's global dark-mode heading rule * ([data-theme="dark"] h1, specificity 0,1,1) out-specifies our single-class heading selectors — * which would paint our brand headings in the dark-mode (light) text color on these white cards, * making them nearly invisible. Re-assert the brand heading color with a .pwe-shell scope (0,2,0) * so it wins in both themes. (Body copy already wins via .pwe-status .pwe-muted.) */ .pwe-shell h1, .pwe-shell h2, .pwe-shell h3, .pwe-shell h4, .pwe-shell h5, .pwe-shell h6 { color: var(--pwe-pine); } /* Same leak, for

/

/