/* ============================================================================ retail-catalog — 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 #c95f36 field, so `--set accent=#xxxxxx` flows through to the admin as well as the marketing page. ========================================================================== */ /* ---------- Light (default) ------------------------------------------------ */ [data-adm-app] { /* Brand — chrome only: rail mark, active indicator, primary button. */ --adm-brand: var(--adm-tpl-accent, #b2603f); --adm-brand-ink: #fff8f3; /* Surfaces — warm pressed card stock, matching the catalog swatches. */ --adm-bg: #f6f2ec; --adm-surface: #fffdfa; --adm-surface-alt: #eee7dd; --adm-border: #ded4c6; /* Text — soft charcoal, never pure black on paper. */ --adm-text: #292420; --adm-text-muted: #796f64; /* Shape + type — slightly tighter radius reads as product packaging. */ --adm-radius: 6px; --adm-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --adm-font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } /* ---------- Dark ----------------------------------------------------------- */ [data-theme='dark'] [data-adm-app] { /* Lift the clay accent so it stays legible against a dark stockroom. */ --adm-brand: color-mix(in srgb, var(--adm-tpl-accent, #b2603f) 66%, #ffffff); --adm-brand-ink: #1b100a; --adm-bg: #17150f; --adm-surface: #1f1c16; --adm-surface-alt: #29251d; --adm-border: #3a352b; --adm-text: #f4efe6; --adm-text-muted: #a89d8e; }