/* ═══════════════════════════════════════════════════════════════════════ Lamr — shared marketing stylesheet for the search-landing pages (/ai-resume-tailor/, /job-application-tracker/, /typst-resume-builder/). PART 1 is MIRRORED FROM public/landing.html. Same class names, same values, on purpose: these pages must be the same product, not a look-alike. landing.html deliberately keeps its CSS inline so its first paint stays a single request — it is the one indexable URL — so it does NOT link this file. That makes Part 1 a deliberate second copy. If you change a component here, change it there too, and vice versa. PART 2 is this file's own: components the homepage has no equivalent for. They are still built out of landing's primitives (its section rhythm, its 1px-gap grid, its mono captions) rather than a new language. ═══════════════════════════════════════════════════════════════════════ */ /* ══════════════════════════════════════════════════ PART 1 — MIRRORED FROM landing.html ══════════════════════════════════════════════════ */ :root { --bg: #ffffff; --bg-sub: #fafafa; --bg-raise: #ffffff; --border: #e5e5e5; --border-2: #d4d4d4; --text-1: #0a0a0a; --text-2: #525252; --text-3: #a3a3a3; --accent: #0081f7; --accent-bg: rgba(0,129,247,.07); --accent-bd: rgba(0,129,247,.22); /* Brand palette — same 5 vivid hues as the app (see style.css). -ink variants are text-safe darkenings for light-mode legibility; dark mode flips them to the vivid hex directly. Reserved for content highlights — never running typography color (blue stays UI-chrome only). */ --brand-gold: #e6c100; --brand-gold-ink: #8f6a00; --brand-red: #f50032; --brand-red-ink: #f50032; --brand-blue: #0081f7; --brand-magenta: #e978ff; --brand-magenta-ink: #b02bc7; --brand-green: #0b854a; --brand-green-ink: #0b854a; --shadow-lg: 0 24px 70px rgba(0,0,0,.14); --shadow-md: 0 10px 34px rgba(0,0,0,.09); --glow: rgba(10,10,10,.035); --mono: "JetBrains Mono", ui-monospace, monospace; --sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; --ease-out: cubic-bezier(.16, 1, .3, 1); color-scheme: light; } /* Dark mode is driven by a `data-theme` attribute set by an inline boot script in (see the per-page