/* The Landing at Caras Park — site styles */ /* ==================================== BRAND TOKENS ==================================== */ :root { /* Fonts */ --font-heading: 'Cardo', Georgia, 'Times New Roman', serif; --font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; /* Brand colors */ --color-primary: #173152; --color-primary-dark: #0F2239; --color-primary-light: #E8EDF3; --color-secondary: #EEF2F4; --color-accent: #C97E4B; --color-accent-dark: #A05D2B; /* label text: clears AA on white and on the tint */ /* Neutrals */ --color-text: #1B2431; --color-text-muted: #4E5A69; --color-bg: #FFFFFF; --color-surface: #EEF2F4; /* Sterling light blue-grey */ --color-border: #DCE3E7; --color-footer-bg: #173152; --color-footer-text: #D7DFE9; /* Scrim used over every photograph on this site */ --scrim: linear-gradient(rgba(15, 34, 57, 0.72), rgba(15, 34, 57, 0.72)); --scrim-hero: linear-gradient(100deg, rgba(15, 34, 57, 0.90) 0%, rgba(15, 34, 57, 0.82) 42%, rgba(15, 34, 57, 0.46) 100%); --scrim-page: linear-gradient(105deg, rgba(15, 34, 57, 0.90) 0%, rgba(15, 34, 57, 0.84) 46%, rgba(15, 34, 57, 0.56) 100%); --scrim-center: linear-gradient(rgba(15, 34, 57, 0.46) 0%, rgba(15, 34, 57, 0.58) 48%, rgba(15, 34, 57, 0.84) 100%); } /* ==================================== ROBOT SNACKS — CSS BASELINE ==================================== Engineering hygiene, tokens, and accessibility primitives only. Loads on every site, always, verbatim. This file is intentionally minimal. The Designer pastes its contents into the single shared `styles.css` at the My Website root in the Designer Phase, directly after the brand `:root` block (colors + fonts) composed from the Site Brief. Paste verbatim — do not edit, reorder, or selectively include parts. What's here: — Reset (box-sizing, image and form control normalization). — Layout tokens (spacing scale, container max, section padding, radii, shadows, transitions) and the fluid type scale tokens. — Base typography defaults: body styling using tokens, headings pulling from the type scale, paragraph margins, link colors, `text-wrap: balance` on headings and `text-wrap: pretty` on body for modern typographic resilience. — `.container` as a universal layout primitive. — `:focus-visible` outline so keyboard nav is always visible. — `prefers-reduced-motion` block so any motion the Designer adds respects the user's OS setting. — `.visually-hidden` (required by the page_template.html skip link). What's NOT here: — Buttons. Nav. Footer. Form field styling. Section headers. Grid components. Layout splits. Mobile breakpoints for those. Scroll-reveal motion. Generic utility classes (text-center, bg-surface, bg-primary-light). — All component-level styling is the Designer's job, written fresh into the site-specific styles section of `styles.css` after this baseline. The Designer uses the tokens and the type/spacing scales below, plus modern CSS (Grid, Flex, `clamp`, `text-wrap`), to build what THIS brand needs. Pages link `styles.css` with in . Pages contain zero