@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {



    /*
        auth
    */
    --dashboard-login-background: #1A042B;
    --dashboard-login-form: #A45CF3;
    --dashboard-login-form-shadow: 0px 8px 19px 12px rgba(164, 92, 243, 0.15);




    /*
        font
    */
    --dashboard-font-famaly: 'Montserrat', sans-serif;
    --dashboard-header-font-famaly: 'Montserrat', sans-serif;
    --dashboard-sidebar-font-famaly: 'Montserrat', sans-serif;
    --dashboard-sidebar-list-font-famaly: 'Montserrat', sans-serif;

    /*
        color
    */
    --dashboard-sidebar-logo-color: #fff;
    --dashboard-sidebar-navbar-color: #fff;
    --dashboard-sidebar-active-color: rgba(164, 92, 243, 0.15);
    --dashboard-container-navbar-color: #A45CF3;
    --dashboard-search-border-color: rgba(164, 92, 243, 0.4);
    --dashboard-search-close-icon-color: #A45CF3;
    --dashboard-body-color: #fff;
    --dashboard-container-color: #fff;
    /*
        btn
    */
    /*
       page link
   */
    --dashboard-page-link-text-color: #A45CF3;
    --dashboard-page-link-background-color: #fff;
    --dashboard-page-link-border-color: #dee2e6;
    --dashboard-page-link-hover-text-color: #7853be;
    --dashboard-page-link-hover-background-color: #e9ecef;
    --dashboard-page-link-focus-box-shadow: none;
    --dashboard-page-link-disabled-text-color: #6c757d;
    /*
        btn-self-info
    */

    --dashboard-btn-self-info-text-color: #fff;
    --dashboard-btn-self-info-color: #205494;
    --dashboard-btn-self-info-hover-color: #1d4f8d;
    --dashboard-btn-self-info-hover-border-color: #194a86;
    --dashboard-btn-self-info-hover-border-color-disabled: #16447d;
    --dashboard-btn-self-info-box-shadow-color: 0 0 0 0.2rem rgba(32, 84, 148, 0.5);

    /*
        btn-self-danger
    */

    --dashboard-btn-self-danger-text-color: #fff;
    --dashboard-btn-self-danger-color: #c21c2d;
    --dashboard-btn-self-danger-hover-color: #b11524;
    --dashboard-btn-self-danger-hover-border-color: #a5111f;
    --dashboard-btn-self-danger-hover-border-color-disabled: #9a0d1a;
    --dashboard-btn-self-danger-box-shadow-color: 0 0 0 0.2rem rgba(205, 38, 55, 0.5);

    /*
      btn-self-success
    */

    --dashboard-btn-self-success-text-color: #fff;
    --dashboard-btn-self-success-color: #1d8434;
    --dashboard-btn-self-success-hover-color: #197b2f;
    --dashboard-btn-self-success-hover-border-color: #15712a;
    --dashboard-btn-self-success-hover-border-color-disabled: #126826;
    --dashboard-btn-self-success-box-shadow-color: 0 0 0 0.2rem rgba(40, 156, 66, 0.5);

    /*
      btn-self-primary
    */

    --dashboard-btn-self-primary-text-color: #fff;
    --dashboard-btn-self-primary-color: #A45CF3;
    --dashboard-btn-self-primary-hover-color: #9155da;
    --dashboard-btn-self-primary-hover-border-color: #813ab3;
    --dashboard-btn-self-primary-hover-border-color-disabled: #623d94;
    --dashboard-btn-self-primary-box-shadow-color: 0 0 0 0.2rem rgba(171, 94, 252, 0.5);


}