:root {
    --theme-font-family: 'Inter', sans-serif;

    --theme-background: #ffffff;
    --theme-background-secondary-bg: #ffffff;
    --theme-tertiary-bg: #F8F9FAFF;
    --theme-subtle-background: #f6f8fa;
    --theme-dark-bg-subtle: #CED4DAFF;

    --theme-table-bg: #fff;
    --theme-table-odd-header-bg: #f4f4f4;
    --theme-table-odd-body-bg: #f4f4f4;
    --theme-table-color: #000;

    --theme-table-highlight-bg: #9de6f2;
    --theme-table-highlight-color: #000;
    --theme-table-highlight-border-color: #84c8d4;

    --theme-table-blocked-bg: #f9b4b4;
    --theme-table-blocked-color: #000;
    --theme-table-blocked-border-color: #dd9393;

    --theme-table-info-bg: #9de6f2;
    --theme-table-info-even-bg: #adebf8;
    --theme-table-info-color: #000;
    --theme-table-info-border-color: #7bbeca;

    --theme-table-warning-bg: #fbeda7;
    --theme-table-warning-color: #000;
    --theme-table-warning-border-color: #c8b878;

    --theme-table-danger-bg: #f9b4b4;
    --theme-table-danger-color: #000;
    --theme-table-danger-border-color: #e39999;

    --theme-table-success-bg: #94e795;
    --theme-table-success-color: #000;
    --theme-table-success-border-color: #7dd17e;

    --theme-table-hover-bg: #ededed;

    --theme-tertiary-color: rgba(33, 37, 41, 0.5);

    --theme-dashboard-bg: #eef2ff;

    --theme-secondary-bg: #e9ecef;

    --theme-backdrop-bg: #c4cad0;

    --theme-foreground: #000000;
    --theme-subtle-foreground: #8f9193;

    --theme-placeholder-color: #8f9193;

    --theme-border-color: #D9D9D9;
    --theme-border-color-strong: #bdbdbd;
    --theme-table-border-color: #ebebeb;

    --theme-navbar-background: #000000;
    --theme-nav-link-color: #cccccc;

    --theme-dropdown-link-color: #000000;
    --theme-dropdown-link-hover-color: #222222;
    --theme-dropdown-link-hover-bg: #F8F9FAFF;

    --theme-select-link-hover-bg: #e6e6e6;

    --theme-pagination-disabled-bg: #D9D9D9;
    --theme-pagination-disabled-border-color: #D9D9D9;
    --theme-pagination-disabled-color: #8F9193;

    --theme-pagination-hover-color: #ff4c4c;
    --theme-pagination-hover-bg: #f8f9fa;
    --theme-pagination-hover-border-color: #dee2e6;

    --theme-switch-color: #000000;
    --theme-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    --theme-form-switch-checked-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    --theme-form-switch-focus-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23bbb'/%3e%3c/svg%3e");
    --theme-form-switch-focus-checked-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

    --theme-form-check-bg: #ffffff;

    --theme-tab-background: #f8f8f8;

    --theme-loading-overlay-bg-rgb: 255, 255, 255;

    --theme-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    --theme-card-border-radius: 0.375rem;
    --theme-card-border-hover-color: #b0b0b0;

    --theme-modal-header-border-color: #D9D9D9;
    --theme-modal-footer-border-color: #D9D9D9;

    --theme-modal-box-shadow: 0 3px 14px #0000003e;

    --theme-form-label-color: #868e96;

    --theme-signature-background: #ffead1;
    --theme-signature-border-color: #da6b6b;

    --theme-input-bg: #fff;
    --theme-input-color: #212529;
    --theme-input-border-color: #D9D9D9;

    --theme-input-disabled-bg: #e9ecef;
    --theme-input-disabled-color: #212529;

    --theme-primary-color: #FF4C4C;
    --theme-primary-color-rgb: 255, 76, 76;
    --theme-primary-color-dark: #c34343;
    --theme-primary-color-hover: #FF4C4C;
    --theme-primary-color-active: #FF4C4C;
    --theme-primary-color-light: #e0defe;
    --theme-primary-color-disabled: #9a3030;
    --theme-secondary-color: #000000;
    --theme-secondary-color-hover: #151515;
    --theme-secondary-color-active: #151515;
    --theme-secondary-color-disabled: #353535;

    --theme-success: #28a745;
    --theme-warning: #ffc107;
    --theme-danger: #dc3545;
    --theme-info: #17a2b8;
    --theme-light: #f8f9fa;

    --theme-primary-btn-color: #ffffff;
    --theme-primary-btn-bg: #FF4C4C;
    --theme-primary-btn-border-color: #FF4C4C;
    --theme-primary-btn-hover-color: #ffffff;
    --theme-primary-btn-hover-bg: #cc3c3c;
    --theme-primary-btn-hover-border-color: #cc3c3c;
    --theme-primary-btn-active-color: #ffffff;
    --theme-primary-btn-active-bg: #cc3c3c;
    --theme-primary-btn-active-border-color: #cc3c3c;
    --theme-primary-btn-disabled-color: #ffffff;
    --theme-primary-btn-disabled-bg: #ff7777;
    --theme-primary-btn-disabled-border-color: #ff7777;

    --theme-secondary-btn-color: #ffffff;
    --theme-secondary-btn-bg: #000000;
    --theme-secondary-btn-border-color: #000000;
    --theme-secondary-btn-hover-color: #ffffff;
    --theme-secondary-btn-hover-bg: #262626;
    --theme-secondary-btn-hover-border-color: #262626;
    --theme-secondary-btn-active-color: #ffffff;
    --theme-secondary-btn-active-bg: #262626;
    --theme-secondary-btn-active-border-color: #262626;
    --theme-secondary-btn-disabled-color: #ffffff;
    --theme-secondary-btn-disabled-bg: #4c4c4c;
    --theme-secondary-btn-disabled-border-color: #4c4c4c;

    --theme-minimal-btn-color: #353535;
    --theme-minimal-btn-bg: #fff;
    --theme-minimal-btn-border-color: var(--theme-border-color);
    --theme-minimal-btn-hover-color: #353535;
    --theme-minimal-btn-hover-bg: #eeeeee;
    --theme-minimal-btn-hover-border-color: var(--theme-border-color);
    --theme-minimal-btn-active-color: #353535;
    --theme-minimal-btn-active-bg: #dddddd;
    --theme-minimal-btn-active-border-color: var(--theme-border-color);
    --theme-minimal-btn-disabled-color: #868e96;
    --theme-minimal-btn-disabled-bg: #f8f9fa;
    --theme-minimal-btn-disabled-border-color: #e0e0e0;

    --theme-danger-btn-color: #ffffff;
    --theme-danger-btn-bg: #cc3c3c;
    --theme-danger-btn-border-color: #cc3c3c;
    --theme-danger-btn-hover-color: #ffffff;
    --theme-danger-btn-hover-bg: #992d2d;
    --theme-danger-btn-hover-border-color: #992d2d;
    --theme-danger-btn-active-color: #ffffff;
    --theme-danger-btn-active-bg: #992d2d;
    --theme-danger-btn-active-border-color: #992d2d;
    --theme-danger-btn-disabled-color: #ffffff;
    --theme-danger-btn-disabled-bg: #cc7676;
    --theme-danger-btn-disabled-border-color: #cc7676;

    --theme-success-btn-color: #ffffff;
    --theme-success-btn-bg: #28a745;
    --theme-success-btn-border-color: #28a745;
    --theme-success-btn-hover-color: #ffffff;
    --theme-success-btn-hover-bg: #1b742f;
    --theme-success-btn-hover-border-color: #1b742f;
    --theme-success-btn-active-color: #ffffff;
    --theme-success-btn-active-bg: #1b742f;
    --theme-success-btn-active-border-color: #1b742f;
    --theme-success-btn-disabled-color: #ffffff;
    --theme-success-btn-disabled-bg: #51a764;
    --theme-success-btn-disabled-border-color: #51a764;

    --theme-warning-btn-color: #000000;
    --theme-warning-btn-bg: #ffc107;
    --theme-warning-btn-border-color: #ffc107;
    --theme-warning-btn-hover-color: #000000;
    --theme-warning-btn-hover-bg: #cc9a05;
    --theme-warning-btn-hover-border-color: #cc9a05;
    --theme-warning-btn-active-color: #000000;
    --theme-warning-btn-active-bg: #cc9a05;
    --theme-warning-btn-active-border-color: #cc9a05;
    --theme-warning-btn-disabled-color: #000000;
    --theme-warning-btn-disabled-bg: #ffd65e;
    --theme-warning-btn-disabled-border-color: #ffd65e;

    --theme-info-btn-color: #ffffff;
    --theme-info-btn-bg: #17a2b8;
    --theme-info-btn-border-color: #17a2b8;
    --theme-info-btn-hover-color: #ffffff;
    --theme-info-btn-hover-bg: #107584;
    --theme-info-btn-hover-border-color: #107584;
    --theme-info-btn-active-color: #ffffff;
    --theme-info-btn-active-bg: #107584;
    --theme-info-btn-active-border-color: #107584;
    --theme-info-btn-disabled-color: #ffffff;
    --theme-info-btn-disabled-bg: #71aeb8;
    --theme-info-btn-disabled-border-color: #71aeb8;

    --theme-link-color: #1e4f9f;
    --theme-link-hover-color: #14356c;
    --theme-link-disabled-color: #586d9e;

    --theme-success-text-emphasis: #1a5928;
    --theme-success-bg-subtle: #d4f4dd;
    --theme-success-border-subtle: #a8e6ba;

    --theme-warning-text-emphasis: #7a5c00;
    --theme-warning-bg-subtle: #fff8e1;
    --theme-warning-border-subtle: #ffe4a3;

    --theme-danger-text-emphasis: #8b1a1a;
    --theme-danger-bg-subtle: #ffe6e6;
    --theme-danger-border-subtle: #ffb3b3;

    --theme-info-text-emphasis: #0c4a5a;
    --theme-info-bg-subtle: #e1f5f8;
    --theme-info-border-subtle: #b3e5ec;

    --theme-light-text-emphasis: #353535;
    --theme-light-bg-subtle: #f6f8fa;
    --theme-light-border-subtle: #d2d4d4;

    --theme-highlight-color: #212529;
    --theme-highlight-bg: #fff3cd;

    --theme-border-width: 1px;
    --theme-border-style: solid;

    --border-radius: 0.25rem;
    --border-radius-none: 0px;
    --border-radius-sm: 0.125rem;
    --border-radius-md: 0.375rem;
    --border-radius-lg: 0.5rem;
    --border-radius-xl: 0.75rem;
    --border-radius-2xl: 1rem;
    --border-radius-3xl: 1.5rem;
    --border-radius-full: 50rem;

    --box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --box-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --box-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --box-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --box-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --box-shadow-none: none;

    --theme-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}

.dark {
    --theme-background: #000000;
    --theme-background-secondary-bg: #1b1b1b;
    --theme-tertiary-bg: #2b2b2b;
    --theme-subtle-background: #2b2b2b;
    --theme-dark-bg-subtle: #282828;

    --theme-table-bg: #1b1b1b;
    --theme-table-odd-header-bg: #2d2d2d;
    --theme-table-odd-body-bg: #272727;
    --theme-table-color: #fff;

    --theme-table-highlight-bg: #398ba3;
    --theme-table-highlight-color: #fff;
    --theme-table-highlight-border-color: #327c93;

    --theme-table-blocked-bg: #ab3e3e;
    --theme-table-blocked-color: #fff;
    --theme-table-blocked-border-color: #933131;

    --theme-table-info-bg: #529caa;
    --theme-table-info-even-bg: #458c9a;
    --theme-table-info-color: #fff;
    --theme-table-info-border-color: #428b97;

    --theme-table-warning-bg: #a8984c;
    --theme-table-warning-color: #fff;
    --theme-table-warning-border-color: #978842;

    --theme-table-danger-bg: #ab3e3e;
    --theme-table-danger-color: #fff;
    --theme-table-danger-border-color: #9e3838;

    --theme-table-success-bg: #65ba66;
    --theme-table-success-color: #fff;
    --theme-table-success-border-color: #52a153;

    --theme-table-hover-bg: #343434;

    --theme-tertiary-color: rgba(222, 218, 214, 0.5);

    --theme-dashboard-bg: #000000;

    --theme-secondary-bg: #2b2b2b;

    --theme-backdrop-bg: #333535;

    --theme-foreground: #ffffff;
    --theme-subtle-foreground: #b0b0b5;

    --theme-placeholder-color: #717474;

    --theme-border-color: #414141;
    --theme-border-color-strong: #5c5c5c;
    --theme-table-border-color: #292929;

    --theme-navbar-background: #000000;
    --theme-nav-link-color: #cccccc;

    --theme-dropdown-link-color: #dee2e6;
    --theme-dropdown-link-hover-color: #dee2e6;
    --theme-dropdown-link-hover-bg: #2a2a2a;

    --theme-select-link-hover-bg: #424242;

    --theme-pagination-disabled-bg: #414141;
    --theme-pagination-disabled-border-color: #414141;
    --theme-pagination-disabled-color: #B0B0B5;

    --theme-pagination-hover-color: #fff;
    --theme-pagination-hover-bg: #414141;
    --theme-pagination-hover-border-color: #414141;

    --theme-tab-background: #1b1b1b;

    --theme-loading-overlay-bg-rgb: 0, 0, 0;

    --theme-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    --theme-card-border-radius: 0.375rem;
    --theme-card-border-hover-color: #4a5760;

    --theme-switch-color: #1b1b1b;
    --theme-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
    --theme-form-switch-checked-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    --theme-form-switch-focus-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    --theme-form-switch-focus-checked-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

    --theme-form-check-bg: #141414;

    --theme-modal-header-border-color: #414141;
    --theme-modal-footer-border-color: #414141;

    --theme-modal-box-shadow: 0 3px 14px #0000003e;

    --theme-form-label-color: #868e96;

    --theme-signature-background: #ffead1;
    --theme-signature-border-color: #da6b6b;

    --theme-input-bg: #121212;
    --theme-input-color: #eeeeee;
    --theme-input-border-color: var(--theme-border-color);

    --theme-input-disabled-bg: #333333;
    --theme-input-disabled-color: #9d9d9d;

    --theme-primary-color: #FF4C4C;
    --theme-primary-color-rgb: 255, 76, 76;
    --theme-primary-color-dark: #c34343;
    --theme-primary-color-hover: #FF4C4C;
    --theme-primary-color-active: #FF4C4C;
    --theme-primary-color-light: #e0defe;
    --theme-primary-color-disabled: #9a3030;
    --theme-secondary-color: #000000;
    --theme-secondary-color-hover: #151515;
    --theme-secondary-color-active: #151515;
    --theme-secondary-color-disabled: #353535;

    --theme-success: #28a745;
    --theme-warning: #ffc107;
    --theme-danger: #dc3545;
    --theme-info: #17a2b8;
    --theme-light: #f8f9fa;

    --theme-primary-btn-color: #ffffff;
    --theme-primary-btn-bg: #FF4C4C;
    --theme-primary-btn-border-color: #FF4C4C;
    --theme-primary-btn-hover-color: #ffffff;
    --theme-primary-btn-hover-bg: #cc3c3c;
    --theme-primary-btn-hover-border-color: #cc3c3c;
    --theme-primary-btn-active-color: #ffffff;
    --theme-primary-btn-active-bg: #cc3c3c;
    --theme-primary-btn-active-border-color: #cc3c3c;
    --theme-primary-btn-disabled-color: #ffffff;
    --theme-primary-btn-disabled-bg: #ff7777;
    --theme-primary-btn-disabled-border-color: #ff7777;

    --theme-secondary-btn-color: #ffffff;
    --theme-secondary-btn-bg: #000000;
    --theme-secondary-btn-border-color: #000000;
    --theme-secondary-btn-hover-color: #ffffff;
    --theme-secondary-btn-hover-bg: #262626;
    --theme-secondary-btn-hover-border-color: #262626;
    --theme-secondary-btn-active-color: #ffffff;
    --theme-secondary-btn-active-bg: #262626;
    --theme-secondary-btn-active-border-color: #262626;
    --theme-secondary-btn-disabled-color: #ffffff;
    --theme-secondary-btn-disabled-bg: #4c4c4c;
    --theme-secondary-btn-disabled-border-color: #4c4c4c;

    --theme-minimal-btn-color: #ffffff;
    --theme-minimal-btn-bg: #000000;
    --theme-minimal-btn-border-color: var(--theme-border-color);
    --theme-minimal-btn-hover-color: #ffffff;
    --theme-minimal-btn-hover-bg: #222222;
    --theme-minimal-btn-hover-border-color: var(--theme-border-color);
    --theme-minimal-btn-active-color: #ffffff;
    --theme-minimal-btn-active-bg: #222222;
    --theme-minimal-btn-active-border-color: var(--theme-border-color);
    --theme-minimal-btn-disabled-color: #ffffff;
    --theme-minimal-btn-disabled-bg: #444444;
    --theme-minimal-btn-disabled-border-color: #414141;

    --theme-danger-btn-color: #ffffff;
    --theme-danger-btn-bg: #cc3c3c;
    --theme-danger-btn-border-color: #cc3c3c;
    --theme-danger-btn-hover-color: #ffffff;
    --theme-danger-btn-hover-bg: #992d2d;
    --theme-danger-btn-hover-border-color: #992d2d;
    --theme-danger-btn-active-color: #ffffff;
    --theme-danger-btn-active-bg: #992d2d;
    --theme-danger-btn-active-border-color: #992d2d;
    --theme-danger-btn-disabled-color: #ffffff;
    --theme-danger-btn-disabled-bg: #cc7676;
    --theme-danger-btn-disabled-border-color: #cc7676;

    --theme-success-btn-color: #ffffff;
    --theme-success-btn-bg: #28a745;
    --theme-success-btn-border-color: #28a745;
    --theme-success-btn-hover-color: #ffffff;
    --theme-success-btn-hover-bg: #1b742f;
    --theme-success-btn-hover-border-color: #1b742f;
    --theme-success-btn-active-color: #ffffff;
    --theme-success-btn-active-bg: #1b742f;
    --theme-success-btn-active-border-color: #1b742f;
    --theme-success-btn-disabled-color: #ffffff;
    --theme-success-btn-disabled-bg: #51a764;
    --theme-success-btn-disabled-border-color: #51a764;

    --theme-warning-btn-color: #000000;
    --theme-warning-btn-bg: #ffc107;
    --theme-warning-btn-border-color: #ffc107;
    --theme-warning-btn-hover-color: #000000;
    --theme-warning-btn-hover-bg: #cc9a05;
    --theme-warning-btn-hover-border-color: #cc9a05;
    --theme-warning-btn-active-color: #000000;
    --theme-warning-btn-active-bg: #cc9a05;
    --theme-warning-btn-active-border-color: #cc9a05;
    --theme-warning-btn-disabled-color: #000000;
    --theme-warning-btn-disabled-bg: #ffd65e;
    --theme-warning-btn-disabled-border-color: #ffd65e;

    --theme-info-btn-color: #ffffff;
    --theme-info-btn-bg: #17a2b8;
    --theme-info-btn-border-color: #17a2b8;
    --theme-info-btn-hover-color: #ffffff;
    --theme-info-btn-hover-bg: #107584;
    --theme-info-btn-hover-border-color: #107584;
    --theme-info-btn-active-color: #ffffff;
    --theme-info-btn-active-bg: #107584;
    --theme-info-btn-active-border-color: #107584;
    --theme-info-btn-disabled-color: #ffffff;
    --theme-info-btn-disabled-bg: #71aeb8;
    --theme-info-btn-disabled-border-color: #71aeb8;

    --theme-link-color: #FF4C4C;
    --theme-link-hover-color: #ce4545;
    --theme-link-disabled-color: #b55757;

    --theme-success-text-emphasis: #81c784; /* Lighter green for dark background */
    --theme-success-bg-subtle: #1a3e22; /* Darker green background */
    --theme-success-border-subtle: #4caf50; /* Slightly lighter border */

    --theme-warning-text-emphasis: #ffd54f; /* Lighter yellow for dark background */
    --theme-warning-bg-subtle: #4d3d00; /* Darker yellow background */
    --theme-warning-border-subtle: #ffc107; /* Slightly lighter border */

    --theme-danger-text-emphasis: #ef9a9a; /* Lighter red for dark background */
    --theme-danger-bg-subtle: #5a1a1a; /* Darker red background */
    --theme-danger-border-subtle: #f44336; /* Slightly lighter border */

    --theme-info-text-emphasis: #81d4fa; /* Lighter blue for dark background */
    --theme-info-bg-subtle: #11414d; /* Darker blue background */
    --theme-info-border-subtle: #29b6f6; /* Slightly lighter border */

    --theme-light-text-emphasis: #c2c2c2; /* Lighter gray for dark background */
    --theme-light-bg-subtle: #2d2d2d; /* Darker gray background */
    --theme-light-border-subtle: #555555; /* Slightly lighter border */

    --theme-highlight-color: #e7e8ed;
    --theme-highlight-bg: #776248;

    --theme-border-width: 1px;
    --theme-border-style: solid;

    --border-radius: 0.25rem;
    --border-radius-none: 0px;
    --border-radius-sm: 0.125rem;
    --border-radius-md: 0.375rem;
    --border-radius-lg: 0.5rem;
    --border-radius-xl: 0.75rem;
    --border-radius-2xl: 1rem;
    --border-radius-3xl: 1.5rem;
    --border-radius-full: 50rem;

    --box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --box-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --box-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --box-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --box-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --box-shadow-none: none;

    --theme-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}

:root {
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cbd5e1;
    --color-slate-400: #94a3b8;
    --color-slate-500: #64748b;
    --color-slate-600: #475569;
    --color-slate-700: #334155;
    --color-slate-800: #1e293b;
    --color-slate-900: #0f172a;


    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --color-gray-400: #9ca3af;
    --color-gray-500: #6b7280;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;
    --color-gray-900: #111827;


    --color-zinc-50: #fafafa;
    --color-zinc-100: #f4f4f5;
    --color-zinc-200: #e4e4e7;
    --color-zinc-300: #d4d4d8;
    --color-zinc-400: #a1a1aa;
    --color-zinc-500: #71717a;
    --color-zinc-600: #52525b;
    --color-zinc-700: #3f3f46;
    --color-zinc-800: #27272a;
    --color-zinc-900: #18181b;


    --color-neutral-50: #fafafa;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #e5e5e5;
    --color-neutral-300: #d4d4d4;
    --color-neutral-400: #a3a3a3;
    --color-neutral-500: #737373;
    --color-neutral-600: #525252;
    --color-neutral-700: #404040;
    --color-neutral-800: #262626;
    --color-neutral-900: #171717;


    --color-stone-50: #fafaf9;
    --color-stone-100: #f5f5f4;
    --color-stone-200: #e7e5e4;
    --color-stone-300: #d6d3d1;
    --color-stone-400: #a8a29e;
    --color-stone-500: #78716c;
    --color-stone-600: #57534e;
    --color-stone-700: #44403c;
    --color-stone-800: #292524;
    --color-stone-900: #1c1917;


    --color-red-50: #fef2f2;
    --color-red-100: #fee2e2;
    --color-red-200: #fecaca;
    --color-red-300: #fca5a5;
    --color-red-400: #f87171;
    --color-red-500: #ef4444;
    --color-red-600: #dc2626;
    --color-red-700: #b91c1c;
    --color-red-800: #991b1b;
    --color-red-900: #7f1d1d;


    --color-orange-50: #fff7ed;
    --color-orange-100: #ffedd5;
    --color-orange-200: #fed7aa;
    --color-orange-300: #fdba74;
    --color-orange-400: #fb923c;
    --color-orange-500: #f97316;
    --color-orange-600: #ea580c;
    --color-orange-700: #c2410c;
    --color-orange-800: #9a3412;
    --color-orange-900: #7c2d12;


    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c7;
    --color-amber-200: #fde68a;
    --color-amber-300: #fcd34d;
    --color-amber-400: #fbbf24;
    --color-amber-500: #f59e0b;
    --color-amber-600: #d97706;
    --color-amber-700: #b45309;
    --color-amber-800: #92400e;
    --color-amber-900: #78350f;


    --color-yellow-50: #fefce8;
    --color-yellow-100: #fef9c3;
    --color-yellow-200: #fef08a;
    --color-yellow-300: #fde047;
    --color-yellow-400: #facc15;
    --color-yellow-500: #eab308;
    --color-yellow-600: #ca8a04;
    --color-yellow-700: #a16207;
    --color-yellow-800: #854d0e;
    --color-yellow-900: #713f12;


    --color-lime-50: #f7fee7;
    --color-lime-100: #ecfccb;
    --color-lime-200: #d9f99d;
    --color-lime-300: #bef264;
    --color-lime-400: #a3e635;
    --color-lime-500: #84cc16;
    --color-lime-600: #65a30d;
    --color-lime-700: #4d7c0f;
    --color-lime-800: #3f6212;
    --color-lime-900: #365314;


    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #bbf7d0;
    --color-green-300: #86efac;
    --color-green-400: #4ade80;
    --color-green-500: #22c55e;
    --color-green-600: #33c38f;
    --color-green-700: #15803d;
    --color-green-800: #166534;
    --color-green-900: #14532d;


    --color-emerald-50: #ecfdf5;
    --color-emerald-100: #d1fae5;
    --color-emerald-200: #a7f3d0;
    --color-emerald-300: #6ee7b7;
    --color-emerald-400: #34d399;
    --color-emerald-500: #10b981;
    --color-emerald-600: #059669;
    --color-emerald-700: #047857;
    --color-emerald-800: #065f46;
    --color-emerald-900: #064e3b;


    --color-teal-50: #f0fdfa;
    --color-teal-100: #ccfbf1;
    --color-teal-200: #99f6e4;
    --color-teal-300: #5eead4;
    --color-teal-400: #2dd4bf;
    --color-teal-500: #14b8a6;
    --color-teal-600: #0d9488;
    --color-teal-700: #0f766e;
    --color-teal-800: #115e59;
    --color-teal-900: #134e4a;


    --color-cyan-50: #ecfeff;
    --color-cyan-100: #cffafe;
    --color-cyan-200: #a5f3fc;
    --color-cyan-300: #67e8f9;
    --color-cyan-400: #22d3ee;
    --color-cyan-500: #06b6d4;
    --color-cyan-600: #0891b2;
    --color-cyan-700: #0e7490;
    --color-cyan-800: #155e75;
    --color-cyan-900: #164e63;


    --color-sky-50: #f0f9ff;
    --color-sky-100: #e0f2fe;
    --color-sky-200: #bae6fd;
    --color-sky-300: #7dd3fc;
    --color-sky-400: #38bdf8;
    --color-sky-500: #0ea5e9;
    --color-sky-600: #0284c7;
    --color-sky-700: #0369a1;
    --color-sky-800: #075985;
    --color-sky-900: #0c4a6e;


    --color-blue-50: #eff6ff;
    --color-blue-100: #dbeafe;
    --color-blue-200: #bfdbfe;
    --color-blue-300: #93c5fd;
    --color-blue-400: #60a5fa;
    --color-blue-500: #3b82f6;
    --color-blue-600: #2563eb;
    --color-blue-700: #1d4ed8;
    --color-blue-800: #1e40af;
    --color-blue-900: #1e3a8a;


    --color-indigo-50: #eef2ff;
    --color-indigo-100: #e0e7ff;
    --color-indigo-200: #c7d2fe;
    --color-indigo-300: #a5b4fc;
    --color-indigo-400: #818cf8;
    --color-indigo-500: #6366f1;
    --color-indigo-600: #4f46e5;
    --color-indigo-700: #4338ca;
    --color-indigo-800: #3730a3;
    --color-indigo-900: #312e81;


    --color-violet-50: #f5f3ff;
    --color-violet-100: #ede9fe;
    --color-violet-200: #ddd6fe;
    --color-violet-300: #c4b5fd;
    --color-violet-400: #a78bfa;
    --color-violet-500: #8b5cf6;
    --color-violet-600: #7c3aed;
    --color-violet-700: #6d28d9;
    --color-violet-800: #5b21b6;
    --color-violet-900: #4c1d95;


    --color-purple-50: #faf5ff;
    --color-purple-100: #f3e8ff;
    --color-purple-200: #e9d5ff;
    --color-purple-300: #d8b4fe;
    --color-purple-400: #c084fc;
    --color-purple-500: #a855f7;
    --color-purple-600: #9333ea;
    --color-purple-700: #7e22ce;
    --color-purple-800: #6b21a8;
    --color-purple-900: #581c87;


    --color-fuchsia-50: #fdf4ff;
    --color-fuchsia-100: #fae8ff;
    --color-fuchsia-200: #f5d0fe;
    --color-fuchsia-300: #f0abfc;
    --color-fuchsia-400: #e879f9;
    --color-fuchsia-500: #d946ef;
    --color-fuchsia-600: #c026d3;
    --color-fuchsia-700: #a21caf;
    --color-fuchsia-800: #86198f;
    --color-fuchsia-900: #701a75;


    --color-pink-50: #fdf2f8;
    --color-pink-100: #fce7f3;
    --color-pink-200: #fbcfe8;
    --color-pink-300: #f9a8d4;
    --color-pink-400: #f472b6;
    --color-pink-500: #ec4899;
    --color-pink-600: #db2777;
    --color-pink-700: #be185d;
    --color-pink-800: #9d174d;
    --color-pink-900: #831843;


    --color-rose-50: #fff1f2;
    --color-rose-100: #ffe4e6;
    --color-rose-200: #fecdd3;
    --color-rose-300: #fda4af;
    --color-rose-400: #fb7185;
    --color-rose-500: #f43f5e;
    --color-rose-600: #e11d48;
    --color-rose-700: #be123c;
    --color-rose-800: #9f1239;
    --color-rose-900: #881337;

    --text-sixteen: 16px;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
    --text-6xl: 3.75rem;
    --text-7xl: 4.5rem;
    --text-8xl: 6rem;
    --text-9xl: 8rem;

    --line-height-xs: 1rem;
    --line-height-sm: 1.25rem;
    --line-height-base: 1.5rem;
    --line-height-lg: 1.75rem;
    --line-height-xl: 1.75rem;
    --line-height-2xl: 2rem;
    --line-height-3xl: 2.25rem;
    --line-height-4xl: 2.5rem;
    --line-height-5xl: 1;
    --line-height-6xl: 1;
    --line-height-7xl: 1;
    --line-height-8xl: 1;
    --line-height-9xl: 1;

    --bs-secondary-color: var(--theme-subtle-foreground)
}



.py-1-half {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.text-sixteen {
    font-size: var(--text-sixteen);
    line-height: var(--line-height-base);
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--line-height-xs);
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--line-height-sm);
}

.text-base {
    font-size: var(--text-base);
    line-height: var(--line-height-base);
}

.text-lg {
    font-size: var(--text-lg);
    line-height: var(--line-height-lg);
}

.text-xl {
    font-size: var(--text-xl);
    line-height: var(--line-height-xl);
}

.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--line-height-2xl);
}

.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--line-height-3xl);
}

.text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--line-height-4xl);
}

.text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--line-height-5xl);
}

.text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--line-height-6xl);
}

.text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--line-height-7xl);
}

.text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--line-height-8xl);
}

.text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--line-height-9xl);
}

.min-w-0 {
    min-width: 0;
}

.border-end-2 {
    border-right: 2px var(--theme-border-style) var(--theme-border-color) !important;
}

.border-bottom-2 {
    border-bottom: 2px var(--theme-border-style) var(--theme-border-color) !important;
}

.border-dashed {
    border: 2px dashed var(--theme-border-color) !important;
}