@use "sass:map";

$radius: (
  none: 0,        /* 0px */
  xxs: 0.0625rem, /* 1px */
  xs: 0.125rem,   /* 2px */
  sm: 0.25rem,    /* 4px */
  md: 0.5rem,     /* 8px */
  lg: 0.75rem,    /* 12px */
  xl: 1rem,       /* 16px */
  2xl: 1.5rem,    /* 24px */
  hg: 2rem,       /* 32px */
  full: 62.5rem,  /* 1000px */
) !default;

:root {
  @each $key, $value in $radius {
    --radius-#{$key}: #{$value};
  }
}