Concentric Corners
Adaptive inner radius derived from the outer
.card {
--radius: var(--radius-4);
--pad: var(--size-3);
border-radius: var(--radius);
padding: var(--pad);
& > .inner {
border-radius: calc(var(--radius) - var(--pad));
}
}