/* ============================================================================ professional-services — admin theme. This file is the ONLY thing a template personalises. It sets the documented token contract from docs/ADMIN-STANDARD.md and nothing else: no layout, no component rules, no state colour. Everything structural lives in shared/admin.css so all admins behave and read identically. The raw brand hue arrives as --adm-tpl-accent, set inline on from the template manifest's #8b3f31 field, so `--set accent=#xxxxxx` flows through to the admin as well as the marketing page. Palette harvested from templates/professional-services/styles.css: ink #17211f · paper #f2efe8 · cream #fbf9f3 · muted #66706b · accent #8b3f31 Type: Georgia serif display over a system sans, matching the marketing page. ========================================================================== */ /* ---------- Light (default) ------------------------------------------------ */ [data-adm-app] { /* Brand — chrome only: rail mark, active indicator, primary button. Contrast check: #ffffff on the default oxblood #8b3f31 is ~7.4:1, clearing the >=3:1 UI-text bar with room to spare, so white ink is correct here. */ --adm-brand: var(--adm-tpl-accent, #8b3f31); --adm-brand-ink: #ffffff; /* Surfaces — the marketing page's paper/cream stack, kept low-chroma so the admin reads as a working document rather than a coloured dashboard. */ --adm-bg: #f2efe8; --adm-surface: #fbf9f3; --adm-surface-alt: #e9e5db; --adm-border: #dbd5c7; /* Text — the house ink, with the marketing muted tone for secondary copy. */ --adm-text: #17211f; --adm-text-muted: #66706b; /* Shape — this family is deliberately square-edged (zero-radius buttons and rules, an editorial register). A hairline 2px is kept rather than a literal 0 so dense admin controls, checkboxes and focus rings still read as intentional rather than clipped. */ --adm-radius: 2px; --adm-radius-sm: 1px; /* Type — same stacks as styles.css: Georgia display over system sans. */ --adm-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --adm-font-display: Georgia, 'Times New Roman', serif; } /* ---------- Dark ----------------------------------------------------------- */ [data-theme='dark'] [data-adm-app] { /* Lift the oxblood so it stays legible on a dark rail, and swap to the house ink on top of it: white on the lightened hue falls to ~3.1:1, while #17211f on the lifted brand sits near 5.4:1. */ --adm-brand: color-mix(in srgb, var(--adm-tpl-accent, #8b3f31) 62%, #ffffff); --adm-brand-ink: #17211f; /* A cooled-down version of the same green-black ink used on the light side. */ --adm-bg: #131a18; --adm-surface: #1a2220; --adm-surface-alt: #212a27; --adm-border: #313b37; --adm-text: #eef1ee; --adm-text-muted: #98a39e; }