/* GENERATION HEALTH — UNIFIED DESIGN SYSTEM v5.0 */ /* MIRRORS /gh-design-tokens.css on the Worker — update BOTH */ /* (clinic is airgapped off the Worker bundle, can't link the Worker copy) */ /* Source: Generation_Health_Unified_Design_System_v5.0.html */ :root{ /* Foundation — shared across ALL surfaces */ --warm-linen:#FAF7F2; /* page bg */ --warm-cream:#FFFDF7; /* cards */ --pale-sage:#D4E4D6; --soft-fog:#F0F2F0; --forest-charcoal:#3D4A3E; /* body text */ --soft-earth:#6B5D4D; /* secondary text */ --gentle-sage:#7A8B7C; /* large labels / borders ONLY */ --line:rgba(61,74,62,.14); /* Patient register — green lead + growth status */ --fresh-green:#7CB083; --fresh-green-light:#9AC7A0; --fresh-green-dark:#5A8F62; --status-flourishing:#7CB083; --status-taking-root:#F4D68C; --status-nurture:#F5C6AA; /* Clinician register — teal/navy/gold (the protected look) */ --clinical-teal:#1a7a8a; --clinical-teal-deep:#0D6B6B; --clinical-navy:#1a3a4a; --gold:#c8a84b; /* ALWAYS dark text on gold */ --gold-light:#F4D68C; --gold-dark:#A07B10; /* Clinical status — CVD-safe, luminance-separated */ /* Each status has: color, shape glyph, text label, luminance rank (darkest=most urgent) */ --clinical-calm:#5B9E6F; --clinical-calm-shape:'○'; /* LOW */ --clinical-attention:#B8922A; --clinical-attention-shape:'△'; /* MODERATE */ --clinical-priority:#A85A3A; --clinical-priority-shape:'◆'; /* ACT NOW */ --clinical-safety:#C45B5B; --clinical-safety-shape:'⬡'; /* SAFETY — genuine safety banners ONLY */ /* Cluster identity C1–C7 (+ AA pill variants for white text) */ --c1-immune:#7BA7C4; --c1-pill:#4A7A9A; --c2-cardio:#C47A5A; --c2-pill:#9A5A3A; --c3-neurodev:#9B8EC4; --c3-pill:#6E5FA0; --c4-neurodeg:#7A8B7C; --c4-pill:#5A6B5C; --c5-repro:#E8A882; --c5-pill:#B87A5A; --c6-cancer:#B8956A; --c6-pill:#8A6A42; --c7-vision:#6BA3B5; --c7-pill:#4A7A8A; /* Support */ --calm-water:#6BA3B5; --soft-sky:#E0EEF4; /* Type */ --font-display:'Fraunces',Georgia,serif; --font-body:'DM Sans',system-ui,sans-serif; } /* CVD mode (protan/deutan) — activate with data-cvd="rg" on */ [data-cvd="rg"]{ --clinical-calm:#4A90D9; --clinical-attention:#D4A843; --clinical-priority:#8B4513; --clinical-safety:#8B0000; } /* Dark mode (night shift) — activate with data-theme="dark" on */ [data-theme="dark"]{ --warm-linen:#1A2420; --warm-cream:#222A24; --forest-charcoal:#D4E4D6; --soft-earth:#A8B8AA; }