:root,
[data-bs-theme="light"] {
    /*
    ==============================
    THEME COLOR DEFINITIONS
    bs-* are bootstrap colors
    x-* are custom colors
    ==============================
    */

    /* Primary */
    --bs-primary: #102cb9;
    --bs-primary-active: #041f78;
    --x-primary-active-2: #011760;
    --x-primary-clarity-20: #102cb933;
    --x-primary-light: #eceffd;
    --x-primary-light-2: #f2f4fa;

    /* Success */
    --bs-success: #22c55e;
    --bs-success-active: #15803d;
    --x-success-clarity-20: #22c55e33;
    --x-success-light: #f0fdf4;

    /* Danger */
    --bs-danger: #f8285a;
    --bs-danger-active: #d81a48;
    --x-danger-clarity-20: #f8285a33;
    --x-danger-light: #ffeef3;

    /* Info */
    --bs-info: #1b84ff;
    --bs-info-active: #056ee9;
    --x-info-clarity-20: #1b84ff33;
    --x-info-light: #eff6ff;

    /* Info-2 */
    --x-info-2: #7239ea;
    --x-info-2-active: #5014d0;
    --x-info-2-clarity-20: #7239ea33;
    --x-info-2-light: #f8f5ff;

    /* Warning */
    --bs-warning: #f6b100;
    --bs-warning-active: #dfa000;
    --x-warning-clarity-20: #f6b10033;
    --x-warning-light: #fff8dd;

    /* Secondary */
    --bs-secondary: #f9f9f9;
    --bs-secondary-active: #f9f9f9;
    --x-secondary-clarity-20: #f9f9f933;
    --x-secondary-light: #f9f9f9;

    /* Light */
    --bs-light: #ffffff;
    --bs-light-active: #fcfcfc;
    --x-light-clarity-20: #ffffff33;
    --x-light-light: #ffffff;

    /* Dark */
    --bs-dark: #1e2129;
    --bs-dark-active: #111318;
    --x-dark-clarity-20: #1e212933;
    --x-dark-light: #f9f9f9;
    --x-dark-clarity-3: #00000008;

    /* Gray */
    --bs-gray-100: #f9f9f9;
    --bs-gray-200: #f1f1f4;
    --bs-gray-300: #dbdfe9;
    --bs-gray-400: #c4cada;
    --bs-gray-500: #99a1b7;
    --bs-gray-600: #78829d;
    --bs-gray-700: #4b5675;
    --bs-gray-800: #252f4a;
    --bs-gray-900: #071437;
    --bs-gray-1000: #1b1b28;

    --bs-text-white: #ffffff;
    --bs-text-black: #000000;

    /*
    ==============================
    THEME VARIABLE DEFINITIONS
    bs-* are bootstrap variables
    x-* are custom variables
    ==============================
    */

    /* Radius */
    --x-radius-xs: 4px;
    --x-radius-sm: 6px;
    --x-radius-md: 8px;
    --x-radius-lg: 10px;
    --x-radius-xl: 12px;

    --bs-app-sidebar-width: 256px;
}