/* Shared shape tokens. Every component radius and border width in the
   views maps onto this scale so cards, boxes and buttons look alike.
   Uses carry a fallback (var(--tk-radius, 10px)), so a page that does not
   load this file still renders the same values. */
:root {
    --tk-radius-sm: 6px;   /* chips, tags, inputs inside cards, small buttons */
    --tk-radius: 10px;     /* cards, boxes, buttons, alerts */
    --tk-radius-lg: 14px;  /* large panels and hero cards */
    --tk-border-width: 1px;
}