/* Button Border Radius Configuration
 * Change these values to modify all buttons at once
 * Format: top-left top-right bottom-right bottom-left
 */

:root {
  /* Individual corner values - edit these to customize */
  --btn-radius-top-left: 2px;
  --btn-radius-top-right: 12px;
  --btn-radius-bottom-right: 2px;
  --btn-radius-bottom-left: 2px;

  /* Combined value for use in button styles */
  --btn-border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
}