/* ============================================================
   Taste Skill — Radius
   One radius language, honored everywhere (the SHAPE CONSISTENCY
   LOCK). Cards are soft (16px), controls match the real CTA
   asset (rx=8), small tiles are 12px, and pills are reserved
   for tags / chips / sliders / island buttons.
   ============================================================ */
:root {
  --radius-xs: 6px;
  --radius-sm: 8px;    /* buttons, inputs — matches brand CTA rx=8 */
  --radius-md: 12px;   /* icon tiles, small cards */
  --radius-lg: 16px;   /* cards */
  --radius-xl: 20px;   /* large panels */
  --radius-2xl: 28px;  /* double-bezel outer shell */
  --radius-3xl: 36px;
  --radius-pill: 999px;

  /* Concentric inner radius for the double-bezel (outer − padding) */
  --radius-nested: 22px; /* ≈ 28px shell − 6px tray padding */
}