/* ==========================================================================
   Compresso — Radius tokens
   Rounded, friendly, "clay" geometry. Cards default to a big 24px radius;
   buttons and chips go fully pill.
   ========================================================================== */

:root {
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   18px;
  --radius-xl:   24px;   /* default card */
  --radius-2xl:  32px;   /* large surfaces / hero cards */
  --radius-3xl:  40px;   /* phone frame, feature panels */
  --radius-pill: 999px;  /* buttons, chips, badges */
  --radius-full: 50%;    /* circular icon buttons, avatars */

  /* Component defaults */
  --radius-button: var(--radius-pill);
  --radius-input:  var(--radius-md);
  --radius-card:   var(--radius-xl);
}