:root {
    --blue: #4e73df;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e74a3b;
    --orange: #fd7e14;
    --yellow: #f6c23e;
    --green: #1cc88a;
    --teal: #20c9a6;
    --cyan: #36b9cc;
    --white: #fff;
    --gray: #858796;
    --gray-dark: #5a5c69;
    
    --primary: #4e73df;
    --secondary: #858796;
    --success: #1cc88a;
    --info: #36b9cc;
    --warning: #f6c23e;
    --danger: #e74a3b;
    --light: #f8f9fc;
    --dark: #5a5c69;

    /* rgb */
    --blue-rgb: 78, 115, 223;
    --indigo-rgb: 102, 16, 242;
    --purple-rgb: 111, 66, 193;
    --pink-rgb: 232, 62, 140;
    --red-rgb: 231, 74, 59;
    --orange-rgb: 253, 126, 20;
    --yellow-rgb: 246, 194, 62;
    --green-rgb: 28, 200, 138;
    --teal-rgb: 32, 201, 166;
    --cyan-rgb: 54, 185, 204;
    --white-rgb: 255, 255, 255;
    --gray-rgb: 133, 135, 150;
    --gray-dark-rgb: 90, 92, 105;
    
    --primary-rgb: 78, 115, 223;
    --secondary-rgb: 133, 135, 150;
    --success-rgb: 28, 200, 138;
    --info-rgb: 54, 185, 204;
    --warning-rgb: 246, 194, 62;
    --danger-rgb: 231, 74, 59;
    --light-rgb: 248, 249, 252;
    --dark-rgb: 90, 92, 105;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}