:root {
        /* Navbar */
        --bs-navbar-background-color : rgba(229, 212, 203, 1);
        --sc-navbar-hover-color: rgba(21, 25, 26, 1);
        --bs-navbar-box-shadow: 0 4px 20px rgba(0,0,0,0.03);
        --sc-navbar-color: rgba(31, 35, 36, 1) ;
        --bs-navbar-font-weight: 200;

        --bs-navbar-offset-x: px ;
        --bs-navbar-offset-y: px ;
        --bs-navbar-blur-radius: px ;
        --bs-navbar-spread-radius: px ;
        --bs-navbar-shadow-color: rgba(0,0,0,0.05) ;

        /* End Navbar */

        /* Sidebar */

        --sb-sidenav-dark-bg: rgba(41, 43, 45, 1);
        --sb-sidenav-dark-color: rgba(251, 252, 255, 1);
        --sb-sidenav-menu-heading: rgba(197, 199, 211, 1);

        --sb-sidenav-link-dark-color: rgba(251, 252, 255, 1);
        --sb-sidenav-link-bg-color: rgba(41, 43, 45, 1);
        --sb-sidenav-link-hover-color: rgba(251, 252, 255, 1);

        --sb-sidenav-link-hover-bg: rgba(76, 78, 81, 1);
        --bs-navbar-hover-color: rgba(21, 25, 26, 1);
        --sb-sidenav-link-active-color: rgba(251, 252, 255, 1);
        --sb-sidenav-link-active-bg: rgba(76, 78, 81, 1);
        /* End Sidebar */


        /* Content */
        --bs-content-bg-color: rgba(0, 0, 0, 1);
        --bs-content-bg-position: top;
        --bs-content-bg-size: cover;
        --bs-content-bg-repeat: no-repeat;
        --bs-content-bg-image: url( https://storage.cube-x.dev/template-asset/uploads/background-system-1_20260511195502_CRZHGn.jpg );
        /* End Content */

        /* Footer */
        --bs-footer-height : px;
        --bs-footer-background-color : #ffffff;
        --bs-footer-hover-color: #0d6efd;
        --bs-footer-box-shadow: 0 -2px 10px rgba(0,0,0,0.03);
        --bs-footer-color: #a1a5b7 ;
        --bs-footer-font-weight: 400 ;

        --bs-footer-offset-x: px ;
        --bs-footer-offset-y: px ;
        --bs-footer-blur-radius: px ;
        --bs-footer-spread-radius: px ;
        --bs-footer-shadow-color: transparent ;

        /* End Footer */

        /* Breadcrumb */
        --bs-breadcrumb-bg : transparent;
        --bs-breadcrumb-border-radius : px;
        --bs-breadcrumb-color : rgba(206, 209, 214, 1);
        --bs-breadcrumb-active-color : rgba(188, 73, 12, 1);
        --bs-breadcrumb-item-active-color : rgba(31, 35, 36, 1);
        --bs-breadcrumb-divider-color : rgba(206, 209, 214, 1);
        --bs-breadcrumb-font-size : 14px;
        --bs-breadcrumb-font-weight : 400;

        --bs-breadcrumb-title-background-color : ;
        --bs-breadcrumb-title-font-color : rgba(251, 252, 255, 1);
        --bs-breadcrumb-title-font-size: 32px;

        --bs-breadcrumb-padding-x : px;
        --bs-breadcrumb-padding-y : px;


        /* End Breadcrumb */

        /* Card */
        --bs-card-background-color : rgba(76, 78, 81, 1);
        --bs-card-font-color : rgba(251, 252, 255, 1);
        --bs-card-border-color : rgba(148, 152, 160, 1);
        --bs-card-border-radius : 8px;

        --bs-card-header-background-color : rgba(76, 78, 81, 1);
        --bs-card-header-font-color : rgba(251, 252, 255, 1);
        --bs-card-header-font-weight : 600;
        --bs-card-header-border-color : rgba(148, 152, 160, 1);

        --bs-card-footer-background-color : rgba(76, 78, 81, 1);
        --bs-card-footer-font-color : rgba(251, 252, 255, 1);
        --bs-card-footer-font-weight : 400;
        --bs-card-footer-border-color : rgba(148, 152, 160, 1);
        /* EndCard */

        /* Table */
        --bs-table-header-background : rgba(188, 73, 12, 1);
        --bs-table-header-color : rgba(251, 252, 255, 1);
        --bs-table-odd-bg-color : rgba(222, 223, 229, 1);
        --bs-table-odd-font-color : rgba(31, 35, 36, 1);

        --bs-table-even-bg-color : rgba(195, 199, 206, 1);
        --bs-table-even-font-color : rgba(31, 35, 36, 1);

        --bs-table-pagination-active-background : rgba(188, 73, 12, 1);
        --bs-table-pagination-active-color : rgba(251, 252, 255, 1);
        --bs-table-pagination-active-border-color : rgba(188, 73, 12, 1);

        --bs-table-pagination-inactive-background : rgba(222, 224, 229, 1);
        --bs-table-pagination-inactive-color : rgba(31, 35, 36, 1);
        --bs-table-pagination-inactive-border-color : rgba(222, 224, 229, 1);

        --bs-table-pagination-hover-background : rgba(217, 99, 37, 1);
        --bs-table-pagination-hover-color : rgba(251, 252, 255, 1);

        --bs-table-pagination-disabled-background : rgba(222, 224, 229, 1);
        --bs-table-pagination-disabled-color : rgba(96, 98, 99, 1);
        /* End Table */

        /* Form */
        --bs-form-background-color: rgba(222, 224, 229, 1);
        --bs-form-font-color: rgba(31, 35, 36, 1);
        --bs-form-border-color: rgba(148, 152, 160, 1);
        --bs-form-border-radius: 4px;
        --bs-form-focus-background-color: rgba(222, 224, 229, 1);
        --bs-form-focus-font-color: rgba(31, 35, 36, 1);
        --bs-form-focus-border-color: rgba(188, 73, 12, 1);
        --bs-form-disabled-background-color : rgba(148, 152, 160, 1);

        --bs-form-label-font-color: rgba(251, 252, 255, 1);
        --bs-form-label-font-size: px;
        --bs-form-label-font-weight: 400;

        --bs-switch-active-background-color : rgba(94, 139, 93, 1);
        --bs-switch-inactive-background-color : rgba(111, 115, 121, 1);
         --bs-switch-active-rounded-background-color: rgba(223, 245, 223, 1);
         --bs-switch-inactive-rounded-background-color: rgba(251, 252, 255, 1);
        /* End Form */

        /* Login */
        --bs-login-bg-color: rgba(76, 78, 81, 1);
        --bs-login-bg-position: top;
        --bs-login-bg-size: cover;
        --bs-login-bg-repeat: no-repeat;
        --bs-login-bg-image: url(https://storage.cube-x.dev/template-asset/uploads/background-system-1_20260511200313_Q1G363.jpg);
        --bs-login-bg: url('https://storage.cube-x.dev/template-asset/uploads/background-system-1_20260511200313_Q1G363.jpg');
        /* End Login */

        /* Nav Tabs */
        --bs-navtab-active-bg: rgba(76, 78, 81, 1);
        --bs-navtab-active-font-color:rgba(251, 252, 255, 1);
        --bs-navtab-active-border-top:rgba(76, 78, 81, 1);
        --bs-navtab-active-border-lr:rgba(76, 78, 81, 1);
        --bs-navtab-active-border-bottom:rgba(76, 78, 81, 1);

        --bs-navtab-hover-bg: rgba(188, 73, 12, 1);
        --bs-navtab-hover-font-color:rgba(251, 252, 255, 1);
        --bs-navtab-hover-border-top:rgba(188, 73, 12, 1);
        --bs-navtab-hover-border-lr:rgba(188, 73, 12, 1);
        --bs-navtab-hover-border-bottom:rgba(188, 73, 12, 1);
         --bs-navtab-inactive-color:rgba(251, 252, 255, 1);


         /* #e9ecef #e9ecef #dee2e6; */
        /* End Nav Tabs */

/* Button */
        
        --bs-button-primary-bg-color: rgba(2, 2, 2, 1);
        --bs-button-primary-font-color: rgba(255, 255, 255, 1);
        --bs-button-primary-border-color: rgba(2, 2, 2, 1);

        --bs-button-primary-bg-color-hover: rgba(43, 42, 42, 1);
        --bs-button-primary-font-color-hover: rgba(255, 255, 255, 1);
        --bs-button-primary-border-color-hover: rgba(188, 73, 12, 1);

        --bs-button-primary-bg-color-active: rgba(2, 2, 2, 1);
        --bs-button-primary-font-color-active: rgba(251, 252, 255, 1);
        --bs-button-primary-border-color-active: rgba(188, 73, 12, 1);

        --bs-button-primary-bg-color-disabled: rgba(72, 74, 78, 1);
        --bs-button-primary-font-color-disabled: rgba(206, 209, 214, 1);
        --bs-button-primary-border-color-disabled: rgba(72, 74, 78, 1);

        
        --bs-button-outline-primary-bg-color: rgba(2, 2, 2, 0.5);
        --bs-button-outline-primary-font-color: rgba(255, 255, 255, 1);
        --bs-button-outline-primary-border-color: rgba(2, 2, 2, 1);

        --bs-button-outline-primary-bg-color-hover: rgba(43, 42, 42, 0.5);
        --bs-button-outline-primary-font-color-hover: rgba(255, 255, 255, 1);
        --bs-button-outline-primary-border-color-hover: rgba(2, 2, 2, 1);

        --bs-button-outline-primary-bg-color-active: rgba(2, 2, 2, 0.7);
        --bs-button-outline-primary-font-color-active: rgba(188, 73, 12, 1);
        --bs-button-outline-primary-border-color-active: rgba(2, 2, 2, 1);

        --bs-button-outline-primary-bg-color-disabled: rgba(72, 74, 78, 0.5);
        --bs-button-outline-primary-font-color-disabled: rgba(72, 74, 78, 1);
        --bs-button-outline-primary-border-color-disabled: rgba(72, 74, 78, 1);

        
        --bs-button-secondary-bg-color: rgba(188, 73, 12, 1);
        --bs-button-secondary-font-color: rgba(251, 252, 255, 1);
        --bs-button-secondary-border-color: rgba(188, 73, 12, 1);

        --bs-button-secondary-bg-color-hover: rgba(217, 99, 37, 1);
        --bs-button-secondary-font-color-hover: rgba(251, 252, 255, 1);
        --bs-button-secondary-border-color-hover: rgba(217, 99, 37, 1);

        --bs-button-secondary-bg-color-active: rgba(169, 65, 10, 1);
        --bs-button-secondary-font-color-active: rgba(251, 252, 255, 1);
        --bs-button-secondary-border-color-active: rgba(169, 65, 10, 1);

        --bs-button-secondary-bg-color-disabled: rgba(72, 74, 78, 1);
        --bs-button-secondary-font-color-disabled: rgba(206, 209, 214, 1);
        --bs-button-secondary-border-color-disabled: rgba(72, 74, 78, 1);

        
        --bs-button-outline-secondary-bg-color: rgba(94, 139, 93, 0);
        --bs-button-outline-secondary-font-color: rgba(251, 252, 255, 1);
        --bs-button-outline-secondary-border-color: rgba(188, 73, 12, 1);

        --bs-button-outline-secondary-bg-color-hover: rgba(217, 99, 37, 0.2);
        --bs-button-outline-secondary-font-color-hover: rgba(251, 252, 255, 1);
        --bs-button-outline-secondary-border-color-hover: rgba(188, 73, 12, 1);

        --bs-button-outline-secondary-bg-color-active: rgba(169, 65, 10, 1);
        --bs-button-outline-secondary-font-color-active: rgba(255, 255, 255, 1);
        --bs-button-outline-secondary-border-color-active: rgba(169, 65, 10, 1);

        --bs-button-outline-secondary-bg-color-disabled: rgba(72, 74, 78, 0.5);
        --bs-button-outline-secondary-font-color-disabled: rgba(72, 74, 78, 1);
        --bs-button-outline-secondary-border-color-disabled: rgba(72, 74, 78, 1);

        
        --bs-button-danger-bg-color: rgba(138, 66, 66, 1);
        --bs-button-danger-font-color: rgba(251, 252, 255, 1);
        --bs-button-danger-border-color: rgba(138, 66, 66, 1);

        --bs-button-danger-bg-color-hover: rgba(176, 91, 88, 1);
        --bs-button-danger-font-color-hover: rgba(251, 252, 255, 1);
        --bs-button-danger-border-color-hover: rgba(176, 91, 88, 1);

        --bs-button-danger-bg-color-active: rgba(107, 45, 43, 1);
        --bs-button-danger-font-color-active: rgba(251, 252, 255, 1);
        --bs-button-danger-border-color-active: rgba(107, 45, 43, 1);

        --bs-button-danger-bg-color-disabled: rgba(72, 74, 78, 1);
        --bs-button-danger-font-color-disabled: rgba(206, 209, 214, 1);
        --bs-button-danger-border-color-disabled: rgba(72, 74, 78, 1);

        /* End Button */
        
         /* Utils */


        --bs-utils-on-bg-color: rgba(94, 139, 93, 1);
        --bs-utils-on-font-color: rgba(251, 252, 255, 1);
        --bs-utils-on-border-color: rgba(94, 139, 93, 1);

        --bs-utils-off-bg-color: rgba(111, 115, 121, 1);
        --bs-utils-off-font-color: rgba(157, 159, 163, 1);
        --bs-utils-off-border-color: rgba(111, 115, 121, 1);
        --bs-utils-toggle-border-radius: 50px;



        --bs-utils-modal-background-color: rgba(76, 78, 81, 1);
        --bs-utils-modal-font-color: rgba(251, 252, 255, 1);


        --bs-utils-dropdown-background-color: rgba(222, 224, 229, 1);
        --bs-utils-dropdown-hover-bg-color: rgba(188, 73, 12, 1);
        --bs-utils-dropdown-font-color: rgba(31, 35, 36, 1);
        --bs-utils-dropdown-font-color-hover: rgba(251, 252, 255, 1);

        --bs-utils-scrollbar-track-bg: rgba(222, 224, 229, 1);
        --bs-utils-scrollbar-thumb-bg: rgba(188, 73, 12, 1);
        --bs-utils-scrollbar-thumb-width: px;

        --bs-utils-background-primary: rgba(188, 73, 12, 1);
        --bs-utils-background-secondary: rgba(53, 57, 82, 1);
        --bs-utils-background-warning: rgba(159, 76, 57, 1);
        --bs-utils-background-danger: rgba(71, 16, 28, 1);

        --bs-utils-text-primary: rgba(188, 73, 12, 1);
        --bs-utils-text-secondary: rgba(53, 57, 82, 1);
        --bs-utils-text-warning: rgba(159, 76, 57, 1);
        --bs-utils-text-danger: rgba(71, 16, 28, 1);
        --bs-utils-text-white: rgba(251, 252, 255, 1);

        --bs-utils-border-primary: rgba(188, 73, 12, 1);
        --bs-utils-border-secondary: rgba(53, 57, 82, 1);
        --bs-utils-border-warning: rgba(159, 76, 57, 1);
        --bs-utils-border-danger: rgba(71, 16, 28, 1);


        /* End Utils */
    }