feat(ui): derive full radius ladder from the --radius knob (B4)

sm/md/lg/xl now calc()-derived (monotonic 3.2/5.2/7.2/11.2px at the
preset's 0.45rem), replacing the legacy square-brand lg/xl = 0px.
One token edit retunes every corner in the app.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
scotttong 2026-07-06 17:21:16 -07:00
parent a25dfa64a2
commit 8b60395861
1 changed files with 7 additions and 4 deletions

View File

@ -54,10 +54,13 @@
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring);
--radius-sm: 0.375rem;
--radius-md: 0.5rem;
--radius-lg: 0px;
--radius-xl: 0px;
/* Monotonic radius ladder, all derived from the single --radius knob
(DECISION-SHEET B4): retune the whole app's corner language by editing
--radius alone. Replaces the legacy square-brand lg/xl = 0px. */
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--font-heading: var(--font-sans);
--radius-2xl: calc(var(--radius) * 1.8);
--radius-3xl: calc(var(--radius) * 2.2);