:root {
    --grid-unit: 1rem;
    --border-radius-base: 0.5rem;
}

[data-theme="light"] {
    --color-bg: #ffffff;
    --color-m1: #000000;
    --bs-text-muted: #99A1B7;
    --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-light: #F9F9F9;
    --bs-primary: #009ef7;
    --bs-secondary: #F1F1F4;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #1E2129;
    --bs-primary-active: #0095e8;
    --bs-secondary-active: #C4CADA;
    --bs-light-active: #F1F1F4;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: #111318;
    --bs-primary-light: #f1faff;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #e8fff3;
    --bs-info-light: #f8f5ff;
    --bs-warning-light: #fff8dd;
    --bs-danger-light: #fff5f8;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-text-white: #ffffff;
    --bs-text-primary: #009ef7;
    --bs-text-secondary: #F1F1F4;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #1E2129;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
}

[data-theme="dark"] {
    --color-bg: #000000;
    --color-m1: #ffffff;
    --bs-text-muted: #636674;
    --bs-gray-100: #1B1C22;
    --bs-gray-200: #26272F;
    --bs-gray-300: #363843;
    --bs-gray-400: #464852;
    --bs-gray-500: #636674;
    --bs-gray-600: #808290;
    --bs-gray-700: #9A9CAE;
    --bs-gray-800: #B5B7C8;
    --bs-gray-900: #F5F5F5;
    --bs-light: #1B1C22;
    --bs-primary: #006AE6;
    --bs-secondary: #363843;
    --bs-success: #00A261;
    --bs-info: #883FFF;
    --bs-warning: #C59A00;
    --bs-danger: #E42855;
    --bs-dark: #272A34;
    --bs-primary-active: #107EFF;
    --bs-secondary-active: #464852;
    --bs-light-active: #1F212A;
    --bs-success-active: #01BF73;
    --bs-info-active: #9E63FF;
    --bs-warning-active: #D9AA00;
    --bs-danger-active: #FF3767;
    --bs-dark-active: #2D2F39;
    --bs-primary-light: #212e48;
    --bs-secondary-light: #363843;
    --bs-success-light: #1c3238;
    --bs-info-light: #2f264f;
    --bs-warning-light: #392f28;
    --bs-danger-light: #3a2434;
    --bs-dark-light: #1E2027;
    --bs-light-light: #1F212A;
    --bs-text-white: #ffffff;
    --bs-text-gray-100: #1B1C22;
    --bs-text-gray-200: #26272F;
    --bs-text-gray-300: #363843;
    --bs-text-gray-400: #464852;
    --bs-text-gray-500: #636674;
    --bs-text-gray-600: #808290;
    --bs-text-gray-700: #9A9CAE;
    --bs-text-gray-800: #B5B7C8;
    --bs-text-gray-900: #F5F5F5;
}