/* This file contains border radius variables for the application */

:root {
    --border-radius-sm: var(--spacing-0_5);   /* 2px */
    --border-radius-default: var(--spacing-1); /* 4px */
    --border-radius-md: var(--spacing-1_5);    /* 6px */
    --border-radius-lg: var(--spacing-2);     /* 8px */
    --border-radius-xl: var(--spacing-2_5);    /* 10px */
    --border-radius-2xl: var(--spacing-3);     /* 12px */
    --border-radius-3xl: var(--spacing-3_5);    /* 14px */
    --border-radius-full: var(--spacing-full); /* 9999px */
}

/* Border Radius Classes */
/* #region Border Radius Classes */
.cg-rounded-sm {
    border-radius: var(--border-radius-sm);
}
.cg-rounded {
    border-radius: var(--border-radius-default);
}
.cg-rounded-md {
    border-radius: var(--border-radius-md);
}
.cg-rounded-lg {
    border-radius: var(--border-radius-lg);
}
.cg-rounded-xl {
    border-radius: var(--border-radius-xl);
}
.cg-rounded-2xl {
    border-radius: var(--border-radius-2xl);
}
.cg-rounded-3xl {
    border-radius: var(--border-radius-3xl);
}

/* Full Border Radius */
.cg-rounded-full {
    border-radius: var(--border-radius-full);
}
/* #endregion Border Radius Classes */