/* PixelLoom — Corner radii
   DESIGN.md declares a tight "soft-geometric" scale for controls (buttons,
   inputs, chips). The actual marketing site (code.html, ground truth)
   uses noticeably larger radii on cards/bento panels — both are kept as
   separate scales rather than forcing one onto the other. */

:root {
  /* Controls (buttons, inputs, chips, badges) */
  --radius-xs: 0.125rem;   /* 2px */
  --radius-sm: 0.25rem;    /* 4px */
  --radius-md: 0.375rem;   /* 6px */
  --radius-lg: 0.5rem;     /* 8px */
  --radius-xl: 0.75rem;    /* 12px */
  --radius-full: 9999px;

  /* Containers (cards, panels, bento tiles) — observed in code.html */
  --radius-panel: 1rem;      /* 16px */
  --radius-card: 1.5rem;     /* 24px */
}