/* * Theme tokens — the swappable design layer (solution_design.md D9). * Each site selects a token block via . Onboarding a * client or restyling one is editing/adding ONE block here — no code changes. */ /* Prepared Statement (apex) — its own identity, distinct from any client. */ :root, [data-theme="ps"] { --brand-primary: #1f2a44; /* deep slate */ --brand-accent: #2b7a78; /* teal */ --brand-hover: #3a4a6b; --bg: #f7f8fa; --surface: #ffffff; --text: #1a1f2b; --text-muted: #5b6473; --hairline: #e6e8ec; --input-border: #c7ccd6; --radius: 8px; --font-heading: 'Inter', system-ui, sans-serif; --font-base: 'Inter', system-ui, sans-serif; --chart-1: #1f2a44; --chart-2: #2b7a78; --chart-3: #4a5a82; --chart-4: #6aa6a4; --chart-5: #9aa3b5; --chart-6: #c2c8d4; } /* TES (The Employment Solution) — recon tokens (solution_design.md §12). * Duotone purple+blue, Futura/Jost geometric sans, square corners. */ [data-theme="tes"] { --brand-primary: #493083; /* TES purple */ --brand-accent: #256895; /* TES blue */ --brand-hover: #58595b; --bg: #f4f4f4; --surface: #ffffff; --text: #262626; --text-muted: #58595b; --hairline: #e6e6e6; --input-border: #9fadc6; --radius: 0px; /* signature square corners */ --font-heading: 'Jost', Helvetica, Arial, sans-serif; --font-base: 'Jost', Helvetica, Arial, sans-serif; --chart-1: #493083; --chart-2: #256895; --chart-3: #6a4fb0; --chart-4: #3f8bb8; --chart-5: #9b86c9; --chart-6: #a9c4d6; }