/* ============================================================================ pet-service — 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 17 admins behave and read identically. The raw brand hue arrives as --adm-tpl-accent, set inline on from the template manifest's accent field, so `--set accent=#xxxxxx` flows through to the admin as well as the marketing page. (The field name is spelled out here rather than written as a literal token, so this comment still reads correctly in the generated copy.) Palette lineage from the marketing page: ink #22382f and ink-soft #52655c are the same deep-green family as the secondary #547b61; paper #fffaf1, paper-deep #f4eddf and white #fffef9 carry the warm cream surfaces; the hairline is the gold #f2c45e desaturated so the warmth survives at 1px. The gold and secondary hues are deliberately NOT mapped to admin tokens of their own — the standard reserves every non-brand colour for state meaning, so a third and fourth brand hue would collide with paid/due/overdue semantics. ========================================================================== */ /* ---------- Light (default) ------------------------------------------------ */ [data-adm-app] { /* Brand — chrome only: rail mark, active indicator, primary button. */ --adm-brand: var(--adm-tpl-accent, #ec765d); /* Deep ink rather than white on top of the brand. The default coral is a light, warm hue: white on #ec765d lands at ~2.9:1, under the 3:1 floor for UI text, while the house ink reaches ~4.4:1 and keeps the warm register. */ --adm-brand-ink: #22382f; /* Surfaces — warm cream paper, matching the shop's front-of-house palette. */ --adm-bg: #fffaf1; --adm-surface: #fffef9; --adm-surface-alt: #f4eddf; --adm-border: #e6d9c2; /* Text — deep evergreen ink. */ --adm-text: #22382f; --adm-text-muted: #52655c; /* Shape + type — generous rounding and a Georgia display face to echo the marketing family's soft, friendly wordmark. */ --adm-radius: 1.6rem; --adm-radius-sm: 0.8rem; --adm-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --adm-font-display: Georgia, ui-serif, 'Times New Roman', serif; } /* ---------- Dark ----------------------------------------------------------- */ [data-theme='dark'] [data-adm-app] { /* Lift the coral so it stays legible on a dark rail. */ --adm-brand: color-mix(in srgb, var(--adm-tpl-accent, #ec765d) 62%, #ffffff); --adm-brand-ink: #1b2b24; --adm-bg: #14201b; --adm-surface: #1b2a23; --adm-surface-alt: #22332b; --adm-border: #2f4239; --adm-text: #f3efe3; --adm-text-muted: #a9b5ac; }