One colour in. Everything out.
Pick a colour and every component follows, in light and dark. Copy the CSS and your whole app matches.
Going deeper
Radius, fonts, spacing.
Every other token follows the same pattern as the accent ramp. Override the primitives you care about, leave the rest alone.
Read the customize-brand recipe →Why OKLCH
Perceptually uniform.
Equal lightness numbers read as equal lightness to the eye. A step-9 pink and a step-9 indigo are the same perceived weight; rgb() and hsl() cannot promise that.
CSS variables. No JS theme provider.
You walk out with one CSS block: role tokens plus an OKLCH accent ramp. Paste it into your global stylesheet and every shilp-sutra component follows.