:root {
    --dt-bg-primary: #0b1220;
    --dt-bg-secondary: #080e1a;
    --dt-bg-tertiary: #14213d;
    --dt-bg-quaternary: #0a0e18;
    --dt-bg-light: #18233b;
    --dt-bg-lighter: #111a2d;
    --dt-bg-dark: #0f1625;
    --dt-bg-overlay: #33415c;
    --dt-bg-hover: #1d2a44;
    --dt-bg-active: #23314d;
    --dt-bg-accent: #2e3b5c;
    --dt-bg-input: #3a4a6b;
    --dt-bg-input-group: #2c3955;


    /* Text Colors */
    --dt-text-primary: #e4e5e6;
    --dt-text-secondary: #91949f;
    --dt-text-tertiary: #a8adb0;
    --dt-text-quaternary: #b3b3b3;
    --dt-text-light: #c3c5c8;
    --dt-text-lighter: #c9cbce;
    --dt-text-muted: #80868c;
    --dt-text-dim: #b1afaf;
    --dt-text-faded: #999ea2;
    --dt-text-inverse: #d1d7de;
    --dt-text-white: #ffffff;
    --dt-text-form: #c0c8d1;
    --dt-text-form-secondary: #c2c9ce;
    --dt-text-form-tertiary: #c5cace;

    /* Border Colors */
    --dt-border-primary: rgb(255 255 255 / 12%);
    --dt-border-secondary: rgb(255 255 255 / 13%);
    --dt-border-tertiary: rgb(255 255 255 / 14%);
    --dt-border-quaternary: rgb(255 255 255 / 15%);
    --dt-border-light: rgb(255 255 255 / 0.12);
    --dt-border-lighter: rgb(255 255 255 / 0.14);
    --dt-border-dark: rgb(255 255 255 / 0.15);
    --dt-border-form: rgb(255 255 255 / 34%);
    --dt-border-form-light: rgb(255 255 255 / 35%);
    --dt-border-form-dark: rgb(255 255 255 / 38%);
    --dt-border-input: rgb(206 212 218 / 45%);
    --dt-border-user: rgb(255 255 255 / 28%);
    --dt-border-modal: rgb(222 226 230 / 16%);
    --dt-border-pagination: rgb(222 226 230 / 14%);

    /* Accent Colors */
    --dt-accent-primary: #008cff;
    --dt-accent-secondary: #007bff;
    --dt-accent-danger: #f41127;
    --dt-accent-success: #17a00e;
    --dt-accent-warning: #ffc107;
    --dt-accent-info: #0d7bff;
    --dt-accent-light-warning: #ff9305;
    --dt-accent-light-dark: #757c83;

    /* Opacity Backgrounds */
    --dt-opacity-white-8: rgb(255 255 255 / 8%);
    --dt-opacity-white-10: rgb(255 255 255 / 10%);
    --dt-opacity-white-12: rgb(255 255 255 / 12%);
    --dt-opacity-white-14: rgb(255 255 255 / 14%);
    --dt-opacity-white-15: rgb(255 255 255 / 15%);
    --dt-opacity-white-20: rgb(255 255 255 / 20%);
    --dt-opacity-white-22: rgb(255 255 255 / 22%);
    --dt-opacity-white-25: rgb(255 255 255 / 25%);
    --dt-opacity-white-28: rgb(255 255 255 / 28%);
    --dt-opacity-white-32: rgb(255 255 255 / 32%);
    --dt-opacity-white-50: rgb(255 255 255 / 50%);
    --dt-opacity-white-90: rgb(255 255 255 / 90%);

    /* Opacity Borders */
    --dt-opacity-border-12: rgb(255 255 255 / 12%);
    --dt-opacity-border-13: rgb(255 255 255 / 13%);
    --dt-opacity-border-14: rgb(255 255 255 / 14%);
    --dt-opacity-border-15: rgb(255 255 255 / 15%);
    --dt-opacity-border-18: rgb(255 255 255 / 18%);
    --dt-opacity-border-22: rgb(255 255 255 / 22%);
    --dt-opacity-border-26: rgb(255 255 255 / 26%);
    --dt-opacity-border-31: rgb(255 255 255 / 31%);
    --dt-opacity-border-35: rgb(255 255 255 / 35%);
    --dt-opacity-border-38: rgb(255 255 255 / 38%);
    --dt-opacity-border-50: rgb(255 255 255 / 50%);
    --dt-opacity-border-55: rgb(255 255 255 / 55%);

    /* Shadow Colors */
    --dt-shadow-primary: rgb(0 0 0 / 20%);
    --dt-shadow-secondary: rgb(0 0 0 / 22%);
    --dt-shadow-tertiary: rgb(0 0 0 / 24%);
    --dt-shadow-quaternary: rgb(0 0 0 / 0.3);
    --dt-shadow-light: rgb(0 0 0 / 25%);
    --dt-shadow-lighter: rgb(0 0 0 / 37%);
    --dt-shadow-box: #13171a;
    --dt-shadow-box-light: #161a1e;

    /* Special Colors */
    --dt-overlay-white: #fff;
    --dt-transparent: rgb(255 255 255 / 0%);
    --dt-border-card: #63686f;
    --dt-border-accordion: #3f3f3f;
    --dt-border-topbar: rgb(237 237 237 / 12%);
    --dt-border-dropdown: rgb(241 241 241 / 15%);
    --dt-border-table: rgb(255 255 255 / 12%);
    --dt-border-breadcrumb: rgb(255 255 255 / 18%);

    /* Light Background Variants */
    --dt-light-purple: rgb(130 128 255 / 32%);
    --dt-light-primary: rgb(103 58 183 / 33%);
    --dt-light-danger: rgb(220 53 69 / 33%);
    --dt-light-shineblue: rgb(1 215 255 / 33%);
    --dt-light-cyne: rgb(0 139 139 / 32%);
    --dt-light-warning: rgb(255 193 7 / 32%);
    --dt-light-success: rgb(40 167 69 / 33%);
    --dt-light-info: rgb(25 143 237 / 22%);
    --dt-light-sinata: rgb(165 43 187 / 33%);
    --dt-light-mehandi: rgb(131 152 56 / 32%);

    /* Special Text Colors */
    --dt-text-email-time: #8c969e;
    --dt-text-chat-time: #8c969e;
    --dt-text-chat-msg: #848992;
    --dt-text-breadcrumb: #8b969f;
    --dt-text-pagination: #b2b6ba;
    --dt-text-pagination-disabled: #b0b6bc;
    --dt-text-chip: rgb(198 200 203);
    --dt-text-select2: #c8c8c8;
    --dt-text-select2-dropdown: #d0d2d3;
    --dt-text-select2-search: #e3dfdf;
    --dt-text-select2-choice: #dee1e5;
    --dt-text-select2-rendered: #e6e1e1;
    --dt-text-tagsinput: #e5e0e0;
    --dt-text-input-group: #d1d7de;
    --dt-text-table-light: #e9ecef;
    --dt-text-accordion: #bac0c6;
    --dt-text-nav-tabs: #e3e4e5;
    --dt-text-nav-pills: #e7e8ea;
    --dt-text-pricing-table: #e5dede;
    --dt-text-invoice-no: #fff;
    --dt-text-calendar-header: #fff;
    --dt-text-calendar-day: #fff;
    --dt-text-apexcharts: #fff;
    --dt-text-product-discount: #fff;
    --dt-text-highcharts-title: #e4e5e6;
    --dt-text-highcharts-root: #8f949a;
    --dt-text-highcharts-grid: rgb(255 255 255 / 12%);
}