/* ============================================ brand.css — McDowell South RV Brand config layer. CSS load order: styles.css -> pages.css -> brand.css -> custom.css (mainstyle.css intentionally omitted — Paul's design is self-contained.) NOTE (convert, not design): Paul's approved design defines the full WORKING palette and fonts in styles.css :root — --blue #002399, --blue-dark #001A6E, --accent #F5A623, --ink #20242E, --muted #6A7180, --tint #E9EDF8, and --serif/--sans/--cond (Playfair Display / Inter / Oswald, loaded via Google Fonts in each page ). We do NOT override those here. This layer only: 1) documents the brand palette and exposes --brand-* aliases for project custom.css, 2) ships the Dwight site-wide no-orphans typography standard. ============================================ */ /* --- Brand palette aliases (source of truth = styles.css :root) --- */ :root { --brand-primary: var(--blue, #002399); /* royal blue — buttons, links, price */ --brand-primary-dark: var(--blue-dark, #001A6E);/* hover / footer bg / headings */ --brand-accent: var(--accent, #F5A623); /* save badges, sale flags, secondary CTAs */ --brand-ink: var(--ink, #20242E); /* body text */ --brand-muted: var(--muted, #6A7180); /* captions, metadata */ --brand-tint: var(--tint, #E9EDF8); /* section/card backgrounds */ } /* --- No orphans / widows (Dwight site-wide standard) --- */ h1, h2, h3, h4, h5, .display, .eyebrow { text-wrap: balance; } p, li, blockquote, figcaption, .blurb, .lead { text-wrap: pretty; }