$primary: var(--rbfb-primary);
$primary-hover: var(--rbfb-primary-hover);
$secondary: var(--rbfb-secondary);
$primary-light: var(--rbfb-primary-light);
$primary-extralight: var(--rbfb-primary-extralight);
$white: var(--rbfb-white, #ffffff);
$black: var(--rbfb-black, #000e25);
$gray-50: var(--rbfb-gray-50, #f9fafb);
$gray-100: var(--rbfb-gray-100, #f3f4f6);
$gray-200: var(--rbfb-gray-200, #e5e7eb);
$gray-300: var(--rbfb-gray-300, #d1d5db);
$gray-400: var(--rbfb-gray-400, #9ca3af);
$gray-500: var(--rbfb-gray-500, #979797);
$gray-600: var(--rbfb-gray-600, #6b7280);
$gray-700: var(--rbfb-gray-700, #374151);
$gray-800: var(--rbfb-gray-800, #243247);
$gray-900: var(--rbfb-gray-900, #111827);
$shadow-sm: var(--rbfb-shadow-sm, #7587804d);
$shadow-xs: var(--rbfb-shadow-xs, #6c7f9e1a);
$success: var(--rbfb-success, #1f6cfa);
$success-100: var(--rbfb-success-100, #00ac4733);
$success-50: var(--rbfb-success-50, #00ac471a);
$skyblue: var(--rbfb-skyblue, #00afff);
$skyblue-50: var(--rbfb-skyblue-50, #00afff0d);
$skyblue-100: var(--rbfb-skyblue-100, #00afff26);
$purple: var(--rbfb-purple, #8900ff);
$purple-50: var(--rbfb-purple-50, #8300ff0d);
$purple-100: var(--rbfb-purple-100, #8300ff26);
$pink: var(--rbfb-pink, #ff00ff);
$pink-50: var(--rbfb-pink-50, #ff00ff0d);
$pink-100: var(--rbfb-pink-100, #ff00ff26);
$warning: var(--rbfb-warning, #ff5900);
$warning-100: var(--rbfb-warning-100, #ff590033);
$warning-50: var(--rbfb-warning-50, #ff59001a);
$error: var(--rbfb-error, #ff0000);
$error-100: var(--rbfb-error-100, #ff000033);
$error-50: var(--rbfb-error-50, #ff00001a);
$info: var(--rbfb-info, #838383);
$info-100: var(--rbfb-info-100, #d9d9d9);
$info-50: var(--rbfb-info-50, #f2f2f2);
$badge-pro: var(--rbfb-badge-pro, #ffc300);
$badge-new: var(--rbfb-badge-new, #e3eeff);

$primary-font: "Poppins", sans-serif !important;

$colors: (
    "primary": $primary,
    "primary-hover": $primary-hover,
    "secondary": $secondary,
    "primary-light": $primary-light,
    "primary-extralight": $primary-extralight,
    "white": $white,
    "black": $black,
    "gray-50": $gray-50,
    "gray-100": $gray-100,
    "gray-200": $gray-200,
    "gray-300": $gray-300,
    "gray-400": $gray-400,
    "gray-500": $gray-500,
    "gray-600": $gray-600,
    "gray-700": $gray-700,
    "gray-800": $gray-800,
    "gray-900": $gray-900,
    "shadow-sm": $shadow-sm,
    "shadow-xs": $shadow-xs,
    "success": $success,
    "success-100": $success-100,
    "success-50": $success-50,
    "skyblue": $skyblue,
    "skyblue-50": $skyblue-50,
    "skyblue-100": $skyblue-100,
    "purple": $purple,
    "purple-50": $purple-50,
    "purple-100": $purple-100,
    "pink": $pink,
    "pink-50": $pink-50,
    "pink-100": $pink-100,
    "warning": $warning,
    "warning-100": $warning-100,
    "warning-50": $warning-50,
    "error": $error,
    "error-100": $error-100,
    "error-50": $error-50,
    "info": $info,
    "info-100": $info-100,
    "info-50": $info-50,
    "badge-pro": $badge-pro,
    "badge-new": $badge-new,
    "inherit": inherit,
    "transparent": transparent,
);

$rounded-none: 0;
$rounded-xs: 2px;
$rounded-sm: 4px;
$rounded-md: 8px;
$rounded-lg: 12px;
$rounded-xl: 24px;
$rounded-2xl: 32px;
$rounded-pill: 9999px;
$rounded-full: 50%;

$rounded: (
    "none": 0,
    "xs": 2px,
    "sm": 4px,
    "md": 8px,
    "lg": 12px,
    "xl": 24px,
    "2xl": 32px,
    "pill": 9999px,
    "full": 50%,
);

$font-sizes: (
    "xs": 12px,
    "sm": 14px,
    "md": 16px,
    "lg": 18px,
    "xl": 20px,
    "2xl": 24px,
    "3xl": 30px,
    "4xl": 36px,
    "5xl": 48px,
    "6xl": 60px,
    "inherit": inherit,
);

$font-weights: (
    "thin": 100,
    "extralight": 200,
    "light": 300,
    "normal": 400,
    "medium": 500,
    "semibold": 600,
    "bold": 700,
    "extrabold": 800,
    "black": 900,
    "inherit": "inherit",
);
