The warm off-white background (#F6F6F1) with a natural green-gray undertone is the secret weapon. White surface cards pop against it with gentle contrast. The text (#1A1C18) is near-black with a faint green undertone. Warm and natural. Even the darkest color in this system has organic warmth.

Inter at weight 700 for headings, 400 for body. One font doing all the work. At -0.02em letter-spacing, the headings are professional without being dramatic. In this context, paired with warm backgrounds and green accents, Inter feels commerce-ready. Not cold. Not flashy. Just clear.

At 18px base size with generous 1.75 line height and spacious density, the body text has room to breathe. The weight hierarchy (700/400) creates clean distinction without forcing the eye to work. JetBrains Mono for code and data handles the technical moments. This is a chameleon typographic system that takes its personality from the palette, not from typographic tricks.

Grounded natural shadows. Dual layers: 1px 2px at 6% and 2px 8px at 4%. Subtle, grounded, natural. Cards sit on the surface like physical objects under soft overhead lighting. No dramatic depth, no colored shadows. The warmth of the background does more for atmosphere than any shadow could. Lift hover effects gently elevate cards on interaction. Smooth motion speed and 0.98 active scale create responsive but calm interactions. Subtle surface noise gives every surface a tactile, almost paper-like quality. Every pixel says "this is going to work."