White background with a warm linen-beige surface (#EEE9E4). That warmth is doing critical emotional work. It converts "medical interface" into "personal health companion." The near-black text (#1A1A1A) is dark enough for serious reading but softened just one shade from pure black.

Inter at 400 for everything. The heading letter-spacing is pulled tight (-0.78px), giving headlines a subtle density that reads as professional. Body text at a smaller 14px base with 1.43 line-height keeps content compact but readable. This is a system built for information density. Medical content, appointment details, treatment plans. Lots of text, well organized.

The type scale at 1.181 creates gentle hierarchy steps. Nothing dramatic. No hero headlines towering over body text. Every size level is close to the next, creating a calm, even reading experience. For a health product, that visual calmness is functional.

Barely-there shadows with a slight diagonal offset (-6px horizontal, 9px vertical). That asymmetric shadow is unusual and creates a subtle sense of natural light, like afternoon sun through a window. The extremely low opacity (0.04) means you feel the depth more than see it. Elements lift on hover with the same gentle restraint. Nothing dramatic. Just enough feedback to know you're interacting with something alive.