/* Material Design 3 — Shape (corner radius) scale.
   Buttons/pills use `full`; cards `medium`; dialogs `extra-large`. */

:root {
  --md-sys-shape-corner-none: 0px;
  --md-sys-shape-corner-extra-extra-small: 2px;  /* e.g. checkbox (MD3 spec 2px) */
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-extra-small-top: 4px 4px 0 0;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-large-increased: 20px;   /* Expressive */
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-extra-large-increased: 32px; /* Expressive */
  --md-sys-shape-corner-extra-extra-large: 48px;  /* Expressive */
  --md-sys-shape-corner-full: 9999px;
}