:root {
    --ui-bg: #f5f5f8;
    --ui-card: #ffffff;
    --ui-border: rgba(26, 26, 26, 0.06);
    --ui-line: #ececf1;
    --ui-line-strong: #dbdde6;

    --ui-text: #464657;
    --ui-text-soft: #8f90a0;
    --ui-text-muted: #b4b5c0;

    --ui-accent: #ea1d25;
    --ui-accent-hover: #d5151d;
    --ui-success: #1f9d55;
    --ui-success-hover: #168447;

    --ui-shadow: 0 8px 24px rgba(39, 42, 55, 0.06);
    --ui-shadow-soft: 0 6px 18px rgba(39, 42, 55, 0.05);
    --ui-shadow-accent: 0 6px 16px rgba(234, 29, 37, 0.14);

    --ui-radius-card: 18px;
    --ui-radius-box: 14px;
    --ui-radius-pill: 999px;

    --ui-nav-height: 64px;
    --ui-font-xs: 11px;
    --ui-font-sm: 12px;
    --ui-font-md: 13px;
    --ui-font-lg: 14px;
    --ui-font-xl: 20px;
}


:root,
[data-bs-theme=light] {
    --bs-blue: #007bff;
    --bs-indigo: #6610f2;
    --bs-purple: #7367f0;
    --bs-pink: #e83e8c;
    --bs-red: #ff4c51;
    --bs-orange: #fd7e14;
    --bs-yellow: #ff9f43;
    --bs-green: #28c76f;
    --bs-teal: #20c997;
    --bs-cyan: #00bad1;
    --bs-black: #2f2b3d;
    --bs-white: #fff;
    --bs-gray: #82808b;
    --bs-gray-dark: #595564;
    --bs-gray-25: #fcfcfc;
    --bs-gray-50: #f3f2f3;
    --bs-gray-75: #eeeeef;
    --bs-gray-100: #eaeaec;
    --bs-gray-200: #e6e6e8;
    --bs-gray-300: #c1bfc5;
    --bs-gray-400: #acaab1;
    --bs-gray-500: #97959e;
    --bs-gray-600: #82808b;
    --bs-gray-700: #6d6b77;
    --bs-gray-800: #595564;
    --bs-gray-900: #444050;
    --bs-primary: #ea1d25;
    --bs-secondary: #808390;
    --bs-success: #28c76f;
    --bs-info: #00bad1;
    --bs-warning: #ff9f43;
    --bs-danger: #ff4c51;
    --bs-light: #dfdfe3;
    --bs-dark: #2f3349;
    --bs-gray: #97959e;
    --bs-primary-rgb: 115, 103, 240;
    --bs-secondary-rgb: 128, 131, 144;
    --bs-success-rgb: 40, 199, 111;
    --bs-info-rgb: 0, 186, 209;
    --bs-warning-rgb: 255, 159, 67;
    --bs-danger-rgb: 255, 76, 81;
    --bs-light-rgb: 223, 223, 227;
    --bs-dark-rgb: 47, 51, 73;
    --bs-gray-rgb: 151, 149, 158;
    --bs-primary-text-emphasis: #2e2960;
    --bs-secondary-text-emphasis: #33343a;
    --bs-success-text-emphasis: #10502c;
    --bs-info-text-emphasis: #004a54;
    --bs-warning-text-emphasis: #66401b;
    --bs-danger-text-emphasis: #661e20;
    --bs-light-text-emphasis: #6d6b77;
    --bs-dark-text-emphasis: #6d6b77;
    --bs-primary-bg-subtle: #e9e7fd;
    --bs-secondary-bg-subtle: #ebebed;
    --bs-success-bg-subtle: #ddf6e8;
    --bs-info-bg-subtle: #d6f4f8;
    --bs-warning-bg-subtle: #fff0e1;
    --bs-danger-bg-subtle: #ffe2e3;
    --bs-light-bg-subtle: #f5f5f6;
    --bs-dark-bg-subtle: #dedee2;
    --bs-primary-border-subtle: #c8c4f9;
    --bs-secondary-border-subtle: #cdcfd4;
    --bs-success-border-subtle: #abe9c7;
    --bs-info-border-subtle: #9ce4ed;
    --bs-warning-border-subtle: #ffdab6;
    --bs-danger-border-subtle: #ffb9bb;
    --bs-light-border-subtle: #e6e6e8;
    --bs-dark-border-subtle: #aeafb8;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 47, 43, 61;
    --bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --bs-font-monospace: "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-root-font-size: 16px;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9375rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.375;
    --bs-body-color: #6d6b77;
    --bs-body-color-rgb: 109, 107, 119;
    --bs-body-bg: #f8f7fa;
    --bs-body-bg-rgb: 248, 247, 250;
    --bs-emphasis-color: #2f2b3d;
    --bs-emphasis-color-rgb: 47, 43, 61;
    --bs-secondary-color: #acaab1;
    --bs-secondary-color-rgb: 172, 170, 177;
    --bs-secondary-bg: #e6e6e8;
    --bs-secondary-bg-rgb: 230, 230, 232;
    --bs-tertiary-color: rgba(109, 107, 119, 0.5);
    --bs-tertiary-color-rgb: 109, 107, 119;
    --bs-tertiary-bg: #dfdfe3;
    --bs-tertiary-bg-rgb: 223, 223, 227;
    --bs-heading-color: #444050;
    --bs-link-color: #7367f0;
    --bs-link-color-rgb: 115, 103, 240;
    --bs-link-decoration: none;
    --bs-link-hover-color: #685dd8;
    --bs-link-hover-color-rgb: 104, 93, 216;
    --bs-code-color: #e83e8c;
    --bs-highlight-color: #6d6b77;
    --bs-highlight-bg: #ffecd9;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: var(--bs-gray-200);
    --bs-border-color-translucent: rgba(47, 43, 61, 0.075);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 0.625rem;
    --bs-border-radius-xxl: 1rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
    --bs-box-shadow-sm: 0 0.125rem 0.5rem 0 rgba(47, 43, 61, 0.12);
    --bs-box-shadow-lg: 0 0.25rem 1.125rem 0 rgba(47, 43, 61, 0.16);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(47, 43, 61, 0.075);
    --bs-focus-ring-width: 0.15rem;
    --bs-focus-ring-opacity: 0.75;
    --bs-focus-ring-color: rgba(109, 107, 119, 0.75);
    --bs-form-valid-color: #28c76f;
    --bs-form-valid-border-color: #28c76f;
    --bs-form-invalid-color: #ff4c51;
    --bs-form-invalid-border-color: #ff4c51;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #acabc1;
    --bs-body-color-rgb: 172, 171, 193;
    --bs-body-bg: #25293c;
    --bs-body-bg-rgb: 37, 41, 60;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: #76778e;
    --bs-secondary-color-rgb: 118, 119, 142;
    --bs-secondary-bg: #76778e;
    --bs-secondary-bg-rgb: 118, 119, 142;
    --bs-tertiary-color: rgba(172, 171, 193, 0.5);
    --bs-tertiary-color-rgb: 172, 171, 193;
    --bs-tertiary-bg: #4e5370;
    --bs-tertiary-bg-rgb: 78, 83, 112;
    --bs-primary-text-emphasis: #aba4f6;
    --bs-secondary-text-emphasis: #b3b5bc;
    --bs-success-text-emphasis: #7edda9;
    --bs-info-text-emphasis: #66d6e3;
    --bs-warning-text-emphasis: #ffc58e;
    --bs-danger-text-emphasis: #ff9497;
    --bs-light-text-emphasis: #acabc1;
    --bs-dark-text-emphasis: #e1def5;
    --bs-primary-bg-subtle: #3a3b64;
    --bs-secondary-bg-subtle: #3c4054;
    --bs-success-bg-subtle: #2e4b4f;
    --bs-info-bg-subtle: #27495f;
    --bs-warning-bg-subtle: #504448;
    --bs-danger-bg-subtle: #50374a;
    --bs-light-bg-subtle: #33374c;
    --bs-dark-bg-subtle: #393c56;
    --bs-primary-border-subtle: #4a478a;
    --bs-secondary-border-subtle: #4f5265;
    --bs-success-border-subtle: #2c6d58;
    --bs-info-border-subtle: #1d687e;
    --bs-warning-border-subtle: #805d47;
    --bs-danger-border-subtle: #803d4c;
    --bs-light-border-subtle: #393c51;
    --bs-dark-border-subtle: #46496a;
    --bs-heading-color: #cfcde4;
    --bs-link-color: #aba4f6;
    --bs-link-hover-color: #b3adf7;
    --bs-link-color-rgb: 171, 164, 246;
    --bs-link-hover-color-rgb: 179, 173, 247;
    --bs-code-color: #f18bba;
    --bs-highlight-color: #acabc1;
    --bs-highlight-bg: #66401b;
    --bs-border-color: #44485e;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #28c76f;
    --bs-form-valid-border-color: #28c76f;
    --bs-form-invalid-color: #ff4c51;
    --bs-form-invalid-border-color: #ff4c51;
}