sf-lwc-styling: Utility-First CSS for LWC

Bring Tailwind CSS methodology and Shadcn-inspired component design to Lightning Web Components using only SLDS 2 global styling hooks. Zero external dependencies — every pattern maps to --slds-g-* custom properties.

Philosophy

1. Utility-first, SLDS-native — predefined CSS classes that map to SLDS hooks, not raw values
2. Scoped by design — LWC shadow DOM means utility classes are per-component, no global leaking
3. Composable — combine utility classes in HTML; override nothing
4. Zero dependencies — no Tailwind build step, no static resources, works in any Salesforce org

SLDS-to-Tailwind Mapping

Colors