/* Hub corner radii: one value per role. Change a role here and every hub page follows.
   Shared components (shared/*.css) repeat these values as var() fallbacks, because model
   pages load them without this file. Model pages with their own design set these variables
   themselves when they want different shapes. Circles (dots, markers, round buttons) stay 50%.
   Data marks (legend swatches, ticks, axis lines, forecast markers) stay 0: their shape carries meaning. */
:root{
  --radius-structure:6px; /* holds content: sections, cards, tiles, images, tables, toolbars, dialogs, overlays, chart bars */
  --radius-control:4px;   /* clicked or typed in: buttons, inputs, selects, tabs, menus, tooltips, focus rings, small logo tiles */
  --radius-label:999px;   /* categorical chips, badges and status labels */
}