/* tokens.healthcare.css - the named "healthcare" tranche theme for the Directory Factory.
This is the design family shared by SmilesAtlas (dental), CaringAtlas (senior care),
SculptAtlas (med spa), and ScriptRoster (pharmacy). It is a drop-in replacement for
tokens.neutral.css: copy it into an instance's theme/ dir and set theme = "healthcare"
in the config. The token NAMES are the cross-engine contract (identical to the neutral
theme); only the values change. A directory's own identity within the family is one
PALETTE override (the 9 --color-* tokens) plus a logo swap, applied from the instance
config, so a vertical reskin is a config edit. The next tranche is a sibling tokens
file (its own family), not an edit here.
Family signature below is a calm clinical blue that no single vertical uses, so each
vertical clearly tints it. Per-vertical palettes live in ./palettes/. Headings use a
warm, trustworthy display face (Fraunces) that degrades to Georgia when the web font
is absent, so the family reads as healthcare, not generic SaaS. To load the web fonts,
add this to the instance (optional, system fallbacks work without it):
*/
:root {
--color-primary: #155e75;
--color-primary-dark: #0e4555;
--color-accent: #0891b2;
--color-accent-soft: #cffafe;
--color-bg: #f8fbfc;
--color-card: #ffffff;
--color-ink: #0f172a;
--color-muted: #5b7280;
--color-border: #dbe7ec;
--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--font-display: Fraunces, Georgia, "Times New Roman", serif;
--radius: 12px;
--space: 16px;
}